kardeiz

This stacked area chart is constructed from a TSV file storing the market share of several popular web browsers over the last year. Data is from Clicky Web Analytics. The chart employs conventional margins and a number of D3 features:

• d3.tsv - load and parse data
• d3.time.format - parse dates
• d3.format - format percentages
• d3.time.scale - x-position encoding
• d3.scale.linear - y-position encoding
• d3.scale.category20, a d3.scale.ordinal - color encoding
• [d3.extent](https://github.com/mbostock/d3/wiki/Arrays#wiki-d3_exten

kardeiz

Switch between stacked and grouped layouts using sequenced transitions! Animations preserve object constancy and allow the user to follow the data across views. Animation design by Heer and Robertson. Colors and data generation inspired by Byron and Wattenberg.