Mist vs Brics
This interactive line chart compares GDP per capita and urbanization trends for BRIC and MIST countries from 1992 to 2009, using data from the World Bank. Rendered with D3 v3 as SVG with animation, the visualization employs d3.nest() to structure the multi-series data and d3.key() to maintain object constancy across transitions. Users can toggle country group checkboxes to highlight BRIC or MIST nations, with each country's time-series path animating smoothly as selections change. The chart reads from a JSON file and demonstrates data binding with Knockout.js, building on prior work on object constancy with multiple time-series sets.
AI-generated descriptionForked from the work of Nikhil Sonnad, called Object constancy with multiple sets of time-series
Add support for JSON and data binding with Knockout.js (it needs improvement).
Original README.md
This chart compares the BRIC countries (Brazil, Russia, India and China) with a new group of upstarts, MIST (Mexico, Indonesia, South Korea, Turkey). The data are from the World Bank. It was my attempt to achieve object constancy for multiple sets of time series data. I used d3.nest() to sort one big CSV file based on each economic indicator, then used d3.key() on the header row (the countries) to make ensure constancy. Check the boxes at the top to highlight the country groups. An interpretation of this visual can be found on my website.
forked from <a href='http://bl.ocks.org/davo/'>davo</a>'s block: <a href='http://bl.ocks.org/davo/5283263'>Object constancy with multiple sets of time-series (update)</a>