PM2.5 Density Map

Zoom in, zoom out and scan the map to see which countries/cities produce the most pollution!

This project monitors the air-quality around Frankfurt, as well as gather data around the globe. Each marker shows the averaged density of hazardous particles (PM2.5) in the region. The color scale indicates the level of density from low (green) to high (red).

4
8
15
22
3
6
9
105
11
26
86
27
19
41
+−
Leaflet | Map data © OpenStreetMap contributors, CC-BY-SA, Imagery © Mapbox

Developed by Hung Do

The input is a json file that contains the position of sensors and the density of PM 2.5 particles.
The code uses Leaflet.js map visualization, with marker cluster plugin.
The air quality is coded to a discrete scale of 5 colors.
When the map is zoomed out, markers are clustered together showing the average value for that region.
Each cluster combines a number of sensors in that area and displays the averaged sensor value.
End result before I left Germany is hosted at: tender-mirzakhani-ac61e6.netlify.app
The future work would be a server and a database that update the json file in real-time.