ioschmid02 / Luftverschmutzung-in-Basel

Die App dient zur Visualisierung der Luftverschmutzung in Basel (CH). Die App bildet drei verschiedene Visualisierungen ab: Map, Stacked Radial Area Chart und eine Heatmap.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Luftverschmutzung-in-Basel

Diese App visaulisiert die Kurzzeit-Luftverschmutzung der Stadt Basel über die letzten sechs Monate. Dabei werden die Daten als Map, Stacked Radial Area Chart und Heatmap dargestellt. Die gesamten Visualisierungen können zum Einen nach den Schadstoffen (NO2, O3 und PM2.5) und zum Anderen nach deren gemessenem Standort gefiltert werden. Als Standard zeigt die Map den aktuellen Kurzzeit-Belastungs-Index an den sechs Standorten (St. Johannsplatz, Feldbergstrasse, A2 Hard und die drei Standorte in der Gundeldingerstrasse) an. Das Stacked Radial Area Chart zeigt als Standard die Mittelwerte aller Standorte zusammen von 0:00-24:00 und die Heatmap zeigt jeder einzelne Messwert pro Stunde der letzten vier Wochen (KBI-skaliert).

Es gibt nun drei Möglichkeiten, mit der Visualisierung zu spielen:

Map: Beim Drücken auf einen Standort wird im Stacked Radial Area Chart und in der Heatmap nur die Daten der angeklickten Messstation angezeigt. Die angeklickte Messstation inklusive Koordinaten werden oberhalb des Stacked Area Chart angezeigt. Beim Drücken auf die gesamte Karte werden wiederum alle Messstandorte berücksichtigt.

Stacked Radial Area Chart: Beim Drücken auf einen Ring des Stacked Radial Area Chart wird in der Map der aktuelle Feinstaub-Belastungs-Index und ind der Heatmap die Daten für den angeklickten Schadstoff angezeigt.

Auswahlliste: In der Auswahlliste unter der Heatmap kann die Anzeige der Daten ebenfalls nach NO2, O3 und PM2.5 oder allen Schadstoffen gefiltert werden. Die Visualisierungen werden entsprechend der angeklickten Variante verändert.

About

Die App dient zur Visualisierung der Luftverschmutzung in Basel (CH). Die App bildet drei verschiedene Visualisierungen ab: Map, Stacked Radial Area Chart und eine Heatmap.

License:GNU General Public License v3.0


Languages

Language:CSS 45.0%Language:JavaScript 36.3%Language:HTML 18.8%