javascript - d3とその力のレイアウトを使用してツリーを構築するにはどうすればよいですか？

Question

ノードをツリーの形で配置しようとしています。今のところ、私はここからこの例に取り組んでいます。現在、力指向のレイアウトに依存していますが、所定のレベル数のツリーを取得できるように変更しようとしています。つまり、ノードが特定の「レイヤー」に属している場合、他のノードと同じエリアに属している必要があります。レイヤー。

下の写真でもっと説明しようとしましたが、誰かがこれについて何か提案がありますか？d3これを行う、またはこれを達成するために微調整できる事前定義されたアルゴリズムはありますか？

Answer 1

あなたの図は、深さに基づいたカスタム重力を使用するこの例とほぼ同じに見えます。親ノードに引き付けるカスタムフォースを使用する別の例があります。これらは両方とも、フォースレイアウトに関する私の話からのものです。

もちろん、強制レイアウトは1つのオプションにすぎません。@ nrabinowitzが言ったように、さらに多くの階層レイアウトがあります。私のSVGOpenトークで、より インタラクティブ な階層 の例を見つけることができます。