Visualization of Beijing Air Quality

By CHENG Ye

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

Data

Provided:

Extracted from map:

Design

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

My design consists of three interrelated parts:

Interaction

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