charts - d3でインタラクティブなツリーチャートを作成するにはどうすればよいですか？

Question

D3を使用してpearltrees.comWebサイト（たとえば、ここを参照）のようなインタラクティブなツリーチャートを設計する方法のサンプルはありますか？

助けてくれてありがとう！

Answer 1

強制有向グラフを作成して、次のようなことを行うことができます。

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

少し作業が必要です。

1. ノードに画像を動的に追加します (この例では、各ノードにファビコンを追加します)。
2. ユーザーがツリーの一部を展開/折りたたむことができるようにします。(この例ではこれを行っていますが、ツリー レイアウトを使用しています)。
3. エンド ノードに HTML リンクを追加します (この例は、ノードが他のページにリンクする方法を示しています)。