Direkt zum Inhalt
Web-Programmierung

Air Quality Visualizer

Ein Projekt von
Projektteam
Fabian Behrendt, Florian Wollensak, Dominik Mally
Karte mit Luftmessstationen

Dieser Luftqualitätsvisualisierer bietet Echtzeitdaten von Luftmessstationen und stellt sie durch intuitive Visualisierungen dar. Mit anpassbaren Filtern für bestimmte Stationen, Zeiträume und Standorte gewährleistet ein nutzerzentrierter Ansatz einen schnellen und einfachen Zugang zu relevanten Informationen. Alle Daten werden über die API des Umweltbundesamtes abgerufen.

Auf der Grundlage von OpenStreetView zeigt die Karte die Standorte der Stationen, die Luftqualitätsindizes und verschiedene Overlays an. Die Karte ist über die gesamte Breite des Bildschirms implementiert, um den Nutzern ein modernes Erscheinungsbild zu bieten und gleichzeitig genügend Platz für die Anzeige der Daten zu haben. Sie ist Touch-kompatibel und für schnelles Scrollen und Zoomen im Verhältnis zur Menge der angezeigten Informationen optimiert.

In der oberen linken Ecke können Benutzer durch bestimmte Zeiträume navigieren und die Ergebnisse anhand verschiedener Faktoren wie dem Standort der Messstation filtern (z. B. innerhalb einer Stadt). Autovervollständigte Eingabefelder ermöglichen die "Fly-to-Station"-Funktion, um die ausgewählten Werte zu markieren und auf der interaktiven Karte anzuzeigen.

Der Schieberegler in der unteren linken Ecke filtert die Stationen auf der Grundlage des Luftqualitätsindexes und ermöglicht es dem Benutzer, nur die Messwerte eines bestimmten Wertebereichs anzuzeigen.