web-dev-qa-db-ja.com

動的ネットワーク視覚化のためのJavaScriptライブラリ?

時間の経過に伴う/動的なグラフ/ネットワークを視覚化するための優れたJavaScriptライブラリは何ですか?

私のデータは次のようなsource -> destination at timeトリプルの形式です

A -> B at 100
B -> C at 101
A -> D at 104
C -> D at 105
...

画面上で、時間の経過とともにエッジが点滅するエッジで接続されたポイントのアニメーションを見たいと思います。

また、ほぼそこにあるオープンソースライブラリに貢献できることを嬉しく思います。

明確化:

  • グラフとは、プロットではなく、エッジのセットによって接続されたノードのセットを意味します
  • この質問は、次の質問に関連しています(ただし、これとは異なります)。 JavaScriptのグラフ視覚化ライブラリ
14
MRocklin

私は Sigma.js を使用しました。これは、ネットワークグラフを描画するためのオープンソースライブラリです。これはCanvasベースであり、特に大規模ネットワークではSVGよりも高速ですが、ノード/エッジの動的操作はそれほど単純ではありません。優れた機能の1つは、Gephiまたはその他のツールで作成されたGexfファイルをわずかな労力でレンダリングできることです。

8
ramiro

Vis.js 、ブラウザベースの視覚化ライブラリは、もう1つのオプションです。また、 public repo がアクティブです。

8
Tarek Koudsi

D3.jsを見てください:「D3.jsはデータに基づいてドキュメントを操作するためのJavaScriptライブラリです」 http://d3js.org/

データセットからグラフを描画する例を次に示します。 http://bl.ocks.org/mbostock/1153292

これは、データを動的に更新する方法を示す例です。サーバーからストリーミングすることも、クライアント側でデータ全体をステップスルーすることでシミュレートすることもできます: http://mbostock.github.io/d3/tutorial/bar-2.html

4
kielni

ZoomCharts :でこの例を見てください。

enter image description here ]

これはまさにあなたが探しているもののようです。


開示:私はZoomCharts.comの共同所有者およびコア開発者です

0
jancha