Skip to content

Interactive data Visualization of Switzerland without any frameworks. [JavaScript, HTML, CSS]

Notifications You must be signed in to change notification settings

BenjaminBrodwolf/IVIS_Switzerland

Repository files navigation

IVIS Pro HS2019 - Benjamin Brodwolf & Nadia Kramer

Informations-Visualisierung: Gemeinden der Schweiz

Applikation Screenshot

Applikation Starten: Klick hier!

Benutzerhandbuch

Beim laden der Seite startet automatisch das Onboarding, wo erklärt wird, wie die WebApp zu benutzen ist.

Ziel

Unser Ziel war es, mittels einer Visualisierung, die vielen Rohziffern der Gemeinden so darzustellen, dass sie eine Geschichte erzählen. Mithilfe der facettierten Suche, können die Daten nun noch mehr erzählen.

Visualisierung

Unsere Visualisierung beruht auf Geodaten. Der Output einer Filterung ist eine Liste von Gemeinden, welche die gesetzten Bedingungen erfüllen. Diese werden wiederum auf der Karte rot markiert.

Simple Technolgie

Nur HTML5, CSS und vanille JavaScript. Keine Bibliotheken. Keine Frameworks. Kein jQuery, kein Bootstrap oder D3.js.

Zusätzlich implementierte Features

  • Zoom-Funktion
  • 2-Point Rangeslider

Projekt-Arbeit

Zusammenarbeit mit Nadia Kramer. Im Auftrag der FHNW des Modul IVIS (Informations-Visualisierung)