CODEWITHSUNDEEP
chartstreeviewd3.js
Fopa Léon Constantin
Fopa Léon Constantin

Reputation: 12383

How to make an interactive tree chart with d3?

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 !

Upvotes: 6

Views: 4371

Answers (1)

mccannf
mccannf

Reputation: 16659

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:

  1. Add images dynamically to the nodes (this example adds a favicon to each node)
  2. Allow users to expand/collapse parts of the tree. (this example does this, but uses a tree layout).
  3. Add HTML links to the end nodes (this example shows how nodes can link out to other pages).

Upvotes: 3

Related Questions