javascript - d3の別の異なるレイアウト内に1つ(または複数)のレイアウトをネストすることは可能ですか?

Question

接続されたノードが、単なる再帰的な力指向のレイアウトではない独自の内部レイアウトを持っている力指向のレイアウトを構築しようとしています (これは階層レイアウトで可能だと思います)。「内部」レイアウトはカスタムですが、説明のために、ノードに内部的にパーティション レイアウトを持たせたいとしましょう。これは可能ですか？

Answer 1

私の質問は本当に 2 つでした。

1. D3を使用して複数のスタイルのレイアウト (たとえば、力指向グラフ内のバブル グラフ) を適切な方法で実現できますか?それとも、D3 はそのようなことには不適切なツールですか?
2. これらの各レイアウトに D3 レイアウトを使用できますか、それともすべてをカスタムで行う必要がありますか。

最終的に、設計が変更され、この奇妙なシナリオは必要なくなりました。でも、D3 の方がずっと詳しいので、答えられると思います。

はい。それはできます。各レイアウトは独自の個別のオブジェクトであり、独自の作業対象データを持ち、データを入力する独自の DOM 要素を指定できます。同じデータと DOM 出力を共有する 2 つのレイアウトを作成することは、2 つの間の相互作用を管理できれば (必要に応じて一方が他方の変更をオーバーライドするだけであることを確認して)、おそらくうまくいくでしょう。

確実にできることは、 D3が行っていることを手動で操作することです。開発中のある時点で、実際、同じページに 2 つのレイアウトがあったことを思い出しました。事前に決められた x/y 座標を使用してグラフの半分をレイアウトし、残りを強制指向レイアウトでレイアウトできるようにしました。最初のセットである手動で配置されたノードは、事前に決定された座標以外のロジックによって配置された可能性があり、機能はほぼ同じでした。