d3jsツリースクエア

Question

血統ツリーを構築するためにd3.jsを使用したいと思います。

私が見つけたすべての例は、有機樹木を展示しています。

血統のようなスタイルの例はありますか？

Answer 1

cluster または tree レイアウトを使用してこれを実現できます。そして、次のように、カスタムパスジェネレータを使用してノードを接続する直交線を描画します エルボデンドログラム 。私はインスピレーションを感じていたので、試してみました。

• http://bl.ocks.org/2966094

Answer 2

最近、いくつかの D3を使用して家系図を描く例 を、ほとんどのソフトウェアが行うスタイルで作成しました。展開と折りたたみの方法、遷移、子孫と祖先の表示方法の例があります。