d3の力レイアウトグラフで同じノード位置を取得する方法

カワウソ

力指向グラフを作成したいのですが、(同じデータで)生成されるたびに同じままである必要があります。d3.jsを使用してこれを行う方法はありますか?

更新:

シードされた乱数ジェネレーターの使用に基づく実用的なソリューションを見つけました

// set the random seed
Math.seedrandom('mySeed');
キャサリンオズボーン

D3の強制レイアウトを変更するか、それに基づいて独自のレイアウトを作成することができます。ノードの配置にランダム性(Math.Random)が使用される場所は少なくとも3つあります(力のレイアウトが他のコードを参照している場合は、さらに多くの場所がある可能性があります)。グラフを毎回同じように表示するには、すべてのランダム性を排除する必要があります。

https://github.com/mbostock/d3/blob/master/src/layout/force.js

ただし、これはレイアウトの動作を妨げることになります。ランダム性を使用して、読みやすい図にすばやく分類します。ノードの数が少ない場合は、おそらく問題にはなりませんが、ノードの数が多いと、絡み合う可能性があります。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

d3力指向グラフレイアウトでノードのグループを視覚化する方法

分類Dev

d3力レイアウトグラフのノード上にテキストを表示する

分類Dev

D3力レイアウトグラフのノードとして画像を追加するにはどうすればよいですか?

分類Dev

D3.jsの力レイアウトグラフでメインノードに衛星ノードを作成する方法

分類Dev

2つの別々のグラフに同じノード位置/レイアウトを適用します

分類Dev

D3フォースレイアウト-ノードの3D外観を実現する方法は?

分類Dev

d3力レイアウトでノードをドラッグ可能に保ちながらパンを実装する

分類Dev

d3 v4でラベル付きのノードをドラッグすると、レイアウトの不具合が発生します

分類Dev

Hobbeltの「グループ/バンドルノード」D3強制レイアウトの例でノードにラベルを追加しますか?

分類Dev

力のレイアウトグラフのデータを動的に変更するにはどうすればよいですか?D3

分類Dev

ノードクリックでのD3力レイアウト図の再センタリング

分類Dev

D3クラスターの力のレイアウトでのフェード/ハイライト

分類Dev

ドラッグ可能なノードを持つ D3 レイアウト

分類Dev

d3力指向レイアウトで任意のノードを検索/再センタリングします

分類Dev

D3フォースレイアウトグラフを拡大する方法はありますか?

分類Dev

D3力指向グラフ:ノード位置の更新

分類Dev

ノードではなくツリー内のブランチを移動するD3強制レイアウト

分類Dev

多焦点D3力レイアウトの再配置ノード

分類Dev

d3力指向レイアウトノードにツールチップを表示するにはどうすればよいですか?

分類Dev

D3力レイアウトの1つのノードに2つのラベル

分類Dev

Forceレイアウトのd3ノードにテキストラベルを追加します

分類Dev

d3強制レイアウト-より賢明なノード構造を作成する方法

分類Dev

D3強制レイアウトノードラベルに改行を挿入する

分類Dev

graphvizのfdpレイアウトを使用して、同じクラスター内のノード間と異なるクラスター内のノード間で異なるエッジスプラインを使用する方法はありますか?

分類Dev

複数のプログラムで同じレイアウト位置を使用するGLSL

分類Dev

d3は、レイアウトのズームとパンをノードドラッグと強制的に競合させます

分類Dev

d3力指向レイアウトでリンクとツールチップを設定する方法

分類Dev

D3を使用して、子ノードに折りたたみ可能な力のレイアウトで複数の親ノードを含めることはできますか

分類Dev

d3の力指向グラフでノードとして使用される場合、divのサイズを動的に変更します

Related 関連記事

  1. 1

    d3力指向グラフレイアウトでノードのグループを視覚化する方法

  2. 2

    d3力レイアウトグラフのノード上にテキストを表示する

  3. 3

    D3力レイアウトグラフのノードとして画像を追加するにはどうすればよいですか?

  4. 4

    D3.jsの力レイアウトグラフでメインノードに衛星ノードを作成する方法

  5. 5

    2つの別々のグラフに同じノード位置/レイアウトを適用します

  6. 6

    D3フォースレイアウト-ノードの3D外観を実現する方法は?

  7. 7

    d3力レイアウトでノードをドラッグ可能に保ちながらパンを実装する

  8. 8

    d3 v4でラベル付きのノードをドラッグすると、レイアウトの不具合が発生します

  9. 9

    Hobbeltの「グループ/バンドルノード」D3強制レイアウトの例でノードにラベルを追加しますか?

  10. 10

    力のレイアウトグラフのデータを動的に変更するにはどうすればよいですか?D3

  11. 11

    ノードクリックでのD3力レイアウト図の再センタリング

  12. 12

    D3クラスターの力のレイアウトでのフェード/ハイライト

  13. 13

    ドラッグ可能なノードを持つ D3 レイアウト

  14. 14

    d3力指向レイアウトで任意のノードを検索/再センタリングします

  15. 15

    D3フォースレイアウトグラフを拡大する方法はありますか?

  16. 16

    D3力指向グラフ:ノード位置の更新

  17. 17

    ノードではなくツリー内のブランチを移動するD3強制レイアウト

  18. 18

    多焦点D3力レイアウトの再配置ノード

  19. 19

    d3力指向レイアウトノードにツールチップを表示するにはどうすればよいですか?

  20. 20

    D3力レイアウトの1つのノードに2つのラベル

  21. 21

    Forceレイアウトのd3ノードにテキストラベルを追加します

  22. 22

    d3強制レイアウト-より賢明なノード構造を作成する方法

  23. 23

    D3強制レイアウトノードラベルに改行を挿入する

  24. 24

    graphvizのfdpレイアウトを使用して、同じクラスター内のノード間と異なるクラスター内のノード間で異なるエッジスプラインを使用する方法はありますか?

  25. 25

    複数のプログラムで同じレイアウト位置を使用するGLSL

  26. 26

    d3は、レイアウトのズームとパンをノードドラッグと強制的に競合させます

  27. 27

    d3力指向レイアウトでリンクとツールチップを設定する方法

  28. 28

    D3を使用して、子ノードに折りたたみ可能な力のレイアウトで複数の親ノードを含めることはできますか

  29. 29

    d3の力指向グラフでノードとして使用される場合、divのサイズを動的に変更します

ホットタグ

アーカイブ