Data-Driven Documents






D3 is JavaScript library used for manipulation and visual representation of documents based on data. D3 binds data to a DOM and then applies transformation to the document. D3 provides many built in methods as well as reusable functions that allow users to visualize data imported from various document types such as csv, JSON, tsv etc.

D3 uses HTML, CSS and SVG to represent the data. SVG is short for Scalable Vector Graphics. Shapes are defined using numbers, therefor shapes can be scaled up and down in size. SVG can only render 2D graphics.


CDC datasets


CDC has various health related publicly available datasets. I was particularly interested in representing the number of death rates for each leading cause of death over time. I have collected the data from CDC, and it covers death rates from 1900 to 2013.

Death rates are calculated based on 2000. US standard population census. Death rates represents the number of deaths per 100 000 people. Death rates are age adjusted.



Rendering JSON







D3 data visualization




The chart above represents life expectancy values for the same time frame (1900-2013) which proves that after the drop caused by Great Depression, life expectancy tends to increase.