How to make an interactive tree chart with d3?

charts, d3.js, treeview

Solution

You can create a force-directed graph to do something like this:

http://mbostock.github.com/d3/talk/20110921/#20

You would have a bit of work to do:

- Add images dynamically to the nodes (this example adds a favicon to each node)

- Allow users to expand/collapse parts of the tree. (this example does this, but uses a tree layout).

- Add HTML links to the end nodes (this example shows how nodes can link out to other pages).

Problem

Is there any sample of how one could design an interactive tree chart like in the pearltrees.com web site (see here for example) with D3 ? thanks for any help !

Original source