d3 で 20K ノードの依存関係グラフを視覚化したいと考えています。http://bl.ocks.org/mbostock/1153292などの強制指向グラフは、この数のノードに対してブラウザーでレンダリングするには遅すぎます。
基本的に、あるノードから別のノードへのテキストと有向エッジを含むノードを表現し、ズームとパン機能を追加したいと考えています。d3でこれを行うにはどうすればよいですか?
d3 で 20K ノードの依存関係グラフを視覚化したいと考えています。http://bl.ocks.org/mbostock/1153292などの強制指向グラフは、この数のノードに対してブラウザーでレンダリングするには遅すぎます。
基本的に、あるノードから別のノードへのテキストと有向エッジを含むノードを表現し、ズームとパン機能を追加したいと考えています。d3でこれを行うにはどうすればよいですか?
ズーム動作 (およびパン) は、ズーム動作を通じて基本的に無料で取得できます。ただし、レイアウトは自分で行う必要があります。D3 でこの種のグラフをレイアウトするために使用できるのは、ほとんど強制レイアウトだけです。
何を使用しているかに関係なく、20K ノードではすべての動的処理が非常に遅くなります。単純にすべての要素をレンダリングするのにかなりの時間がかかり、その間ブラウザが応答していないように見えます。検討したい代替手段は、大量のデータにより適したものを使用してグラフを事前にレンダリングし、結果を画像 (または静的 SVG) として保存し、ズーム/パンのために上に少しの D3 コードを追加することです。 .