Interactive Sankey diagram

[KP]

Howdy--

First, credit to everyone who had a hand in producing D3-- its been immensely useful and is a great credit to the community.

Here's my question: I'm trying to add some depth to the Sankey diagram (example: http://bost.ocks.org/mike/sankey/). Assuming a large dataset that is too complex to be displayed on a single diagram, I'd like to add the ability for users to click on one of the left-most nodes and have to graph 'zoom' to that node's previously un-displayed children. Using the example above, imagine that "Agricultural Waste" could be broken into several sub-components, and by clicking on the node, it would move to the rightmost position and new nodes would populate the chart area.

Here's my attempt at this, but my grasp of the JS intricacies is tenuous at best:

http://bl.ocks.org/anonymous/5255848

For starters, clicking on the text doesn't cause anything to disappear or be re-rendered. Secondly, the relationship between the nodes and links is somehow divorced, causing them to not move together when dragged.

Any help? Am I taking the right approach?

-KP

[VeryTidyBoy]

Hi KP

Did you have a look at this one that Ben Johnosn posted to the group?

https://groups.google.com/forum/#!searchin/d3-js/sankey/d3-js/7H8037CDcaQ/lGL9sWpMWxUJ

http://demo.skydb.io/

https://github.com/skydb/skybox/blob/master/lib/skybox/static/js/d3.flow.js



BR

Richard

[Yatharth sharma]

Hi,

I am working on a similar thing. The links posted above don't work now. Are there any pointers for the same?.