Visualisierung von Klimadaten auf einer interaktiven Karte mit Leaflet, MarkerCluster und Chart.js.
Deutscher Wetterdienst (DWD)
Die verwendeten Klimadaten stammen aus dem Open Data Portal des DWD:
🔗 DWD Open Data – Historische Jahreswerte
- Inhalt: Historische Jahreswerte (Temperatur, Niederschlag etc.) von Wetterstationen in Deutschland
- Format: CSV-Dateien, strukturiert nach Stationen
- Aktualisierung: Unregelmäßig, abhängig von Datenverfügbarkeit
- Lizenz: Frei verfügbar unter den Open Data Bedingungen des DWD
| Bibliothek / Plugin | CDN-Link |
|---|---|
| Leaflet | Leaflet@1.9.4 |
| Leaflet.markercluster | MarkerCluster@1.5.3 |
| Leaflet.Control.Geocoder | Geocoder |
| Leaflet.GraphicScale | GraphicScale |
| Leaflet.MousePosition | MousePosition@1.0.3 |
| Leaflet.ZoomHome | ZoomHome |
| Leaflet.Fullscreen | Fullscreen |
| Leaflet.Hash | Hash |
| Chart.js | Chart.js |
| jQuery | jQuery 3.7.1 |
| Font Awesome | Font Awesome 4.7.0 |
- 🗺️ Interaktive Karte mit Leaflet
- 📍 Marker-Clustering für bessere Übersicht
- 🔍 Geocoding zur Standortsuche
- 📊 Diagramme mit Chart.js zur Visualisierung von Messwerten
- 🎨 Individuelles Styling via CSS
- 🔄 Dynamisches Laden von Daten mit jQuery und AJAX
📌 Beispielansicht der interaktiven Karte mit Marker-Clustering und eingeblendeten Diagrammen.
./
├── docker-compose.yml
├── logs
├── processed
│ ├── measurements
│ └── stations
├── README.MD
├── screenshot.png
├── updater
│ ├── clearStationen.py
│ ├── createArray4DataNames.py
│ ├── createGEOJSON.py
│ ├── Dockerfile
│ ├── requirements.txt
│ └── update.sh
└── web
├── default.conf
├── Dockerfile
└── site
├── css
│ └── style.css
├── index.html
└── js
├── array4DataNames.js
├── chartHandler.js
├── ConvKlimaStat.geojson
├── ConvKlimaStat.js
├── iso8601.min.js
├── mapInit.js
└── stationHandlers.js
Dieses Projekt verwendet meteorologische Geodaten des Deutschen Wetterdienstes (DWD), die unter der Lizenz CC BY 4.0 bereitgestellt werden.
Quelle: Deutscher Wetterdienst (DWD), https://www.dwd.de
Lizenz: Creative Commons Namensnennung 4.0 International (CC BY 4.0)
→ Diese Daten sind nicht unter der MIT/Apache-2.0-Lizenz dieses Projekts lizenziert.
