D3.js:隣接行列からの力指向グラフ

マングラノ

CSVファイルとして保存されている隣接行列があります。D3.jsを使用して、隣接行列を力指向の無向加重グラフとして視覚化したいと思います。行列の要素は、次のようにノード間の距離を表します。

AA,A1,A2,A3 A1,0,0.5,1 A2,0.5,0,2 A3,1,2,0

隣接行列を読み取り、d3を使用して無向グラフの視覚化を生成する簡単な方法はありますか、それともこのデータをより単純なもの(つまり、「ソース、ターゲット、重み」のCSVファイルまたはJSONグラフ仕様)に変換する必要がありますか?

Lars Kotthoff

投稿したようにデータがマトリックスに格納されていると仮定すると、次のようなノードが得られます。

var nodes = matrix[0].slice(1);

次に、次のようなリンクを作成できます。

var links = [];
nodes.forEach(function(d, i) {
  matrix[i+1].slice(1).forEach(function(e, j) {
    if(matrix[i+1][j+1] > 0) {
      links.push({source: i, target: j});
    }
  });
});

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

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

編集
0

コメントを追加

0

関連記事

分類Dev

D3力指向グラフ方向

分類Dev

d3の力指向グラフの例を変更する

分類Dev

D3力指向グラフの「ピン留め」ノード

分類Dev

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

分類Dev

D3の力指向グラフで複数のベジェ接続エッジを描画する

分類Dev

d3、jsの力指向グラフにおけるノードの「ハード」フィルタリング

分類Dev

インデックスなしで隣接するD3力グラフ(自己を含む)

分類Dev

D3力指向グラフ:複雑なグラフのパフォーマンスの問題

分類Dev

隣接行列としてnumpysummetric2D配列から加重igraphグラフを作成します

分類Dev

d3で力指向グラフにラベルを付ける方法は?

分類Dev

d3の画像グラフ

分類Dev

下からのD3面グラフ遷移

分類Dev

How to resize rectangle in d3 js

分類Dev

d3軸ラベル

分類Dev

D3:要素の削除

分類Dev

d3の管理図?

分類Dev

同心の放射円d3

分類Dev

3d.js-力指向グラフのノードを更新

分類Dev

D3の力指向グラフ内に画像をレンダリングできません

分類Dev

D3の力指向グラフで使用するJSONファイルを選択する方法

分類Dev

D3棒グラフミラー

分類Dev

D3力指向グラフ:ドラッグ中にノードがマウスの位置に留まらない

分類Dev

D3ノードの色を動的に変更します(力指向グラフ)

分類Dev

D3の.csvファイルからのストリームグラフ

分類Dev

d3の力指向グラフに新しいノードのみを追加するにはどうすればよいですか?

分類Dev

ApexのD3力指向グラフに動的な凡例を追加するにはどうすればよいですか?

分類Dev

力指向グラフd3のエッジにテキストを追加するにはどうすればよいですか?

分類Dev

スタイリングノードラベルがd3力指向グラフで機能しない

分類Dev

検索後の力指向グラフでのd3.jsノードの位置

Related 関連記事

  1. 1

    D3力指向グラフ方向

  2. 2

    d3の力指向グラフの例を変更する

  3. 3

    D3力指向グラフの「ピン留め」ノード

  4. 4

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

  5. 5

    D3の力指向グラフで複数のベジェ接続エッジを描画する

  6. 6

    d3、jsの力指向グラフにおけるノードの「ハード」フィルタリング

  7. 7

    インデックスなしで隣接するD3力グラフ(自己を含む)

  8. 8

    D3力指向グラフ:複雑なグラフのパフォーマンスの問題

  9. 9

    隣接行列としてnumpysummetric2D配列から加重igraphグラフを作成します

  10. 10

    d3で力指向グラフにラベルを付ける方法は?

  11. 11

    d3の画像グラフ

  12. 12

    下からのD3面グラフ遷移

  13. 13

    How to resize rectangle in d3 js

  14. 14

    d3軸ラベル

  15. 15

    D3:要素の削除

  16. 16

    d3の管理図?

  17. 17

    同心の放射円d3

  18. 18

    3d.js-力指向グラフのノードを更新

  19. 19

    D3の力指向グラフ内に画像をレンダリングできません

  20. 20

    D3の力指向グラフで使用するJSONファイルを選択する方法

  21. 21

    D3棒グラフミラー

  22. 22

    D3力指向グラフ:ドラッグ中にノードがマウスの位置に留まらない

  23. 23

    D3ノードの色を動的に変更します(力指向グラフ)

  24. 24

    D3の.csvファイルからのストリームグラフ

  25. 25

    d3の力指向グラフに新しいノードのみを追加するにはどうすればよいですか?

  26. 26

    ApexのD3力指向グラフに動的な凡例を追加するにはどうすればよいですか?

  27. 27

    力指向グラフd3のエッジにテキストを追加するにはどうすればよいですか?

  28. 28

    スタイリングノードラベルがd3力指向グラフで機能しない

  29. 29

    検索後の力指向グラフでのd3.jsノードの位置

ホットタグ

アーカイブ