Air Quality
This interactive visualization was developed with JavaScript and D3.js, using a force-based simulation inspired by computational physics. Each circle represents one hour of air-quality measurements, while centering and collision forces pack thousands of points into compact, non-overlapping clusters.
The graphic loads structured environmental data and maps particulate concentrations to a scientifically grounded color scale, reflecting air-quality threshold logic (normal–moderate–elevated). When the user switches between PM 2.5 and PM 10, the visualization updates by reconfiguring the simulation forces and re-settling the swarm, enabling fast comparison across pollutants.
Overall, the project combines web engineering, data visualization, and physics-inspired algorithms to translate thousands of hourly measurements into an accessible interactive narrative about urban air quality.