Visualization of Beijing Air Quality


Play with it, grab the source, and fork the GitHub repo!



Extracted from map:


I aim to clarify the following aspects of the data with this visualization:

My design consists of three interrelated parts:


There are two dimensions to select: station and pollutant.

Users can select a station by clicking on the corresponding circle on the map, or select “all stations” by clicking on the rest of the map.

Users can select a type of pollutant by clicking on the pollutant name on the bottom, or by clicking on the corresponding circular area in the stacked area chart.

What My Visualization Does Not Have

Besides what I have implemented, I also had the following initial designs which I abandoned, in order to simplify the visualization and avoid distractions.

Lessons Learned