block by timelyportfolio 5052095

5052095

Full Screen

This simply forks the d3noob example to allow a csv as the data source. I am sure that this is probably the ugliest way to do it, but it does work. Please let me know if you have any comments.

Original d3noob.org Readme.md is below

This is an example of a Sankey diagram made using d3.js and the sankey plugin.

It has a point of differenc from other Sankey diagrams I have seen in that the nodes can be moved horizontally and vertically.

A description of how it was put together and techniques for implimenting Sankey diagrams in general with d3.js can be found at d3noob.org or you can download the full text in the D3 Tips and Tricks book (for free) from Leanpub.

The data is sourced from the World Resources Institute (http://www.wri.org/chart/world-greenhouse-gas-emissions-2005). Open in full window for full effect.

index.html

d3noob_energy.csv

d3noob_example.csv

sankey.js