ドラッグ アンド ドロップ可能な小さな有向グラフを視覚化するのに最適な JavaScript ライブラリはどれですか?

グラフ視覚化のための JavaScript ライブラリ

問題:

有向グラフを動的にレンダリングするには、JavaScript ライブラリが必要です。 HTMLページ。グラフは比較的小さいため、パフォーマンスは主な関心事ではありません。さらに、ノードをドラッグしてレイアウトを手動で調整できるようにしたいと考えています。

解決策:

GraphDracula

• SVG の有向グラフ レイアウトをサポートする MIT ライセンスの JavaScript ライブラリ
• JavaScript コードを使用してノードとエッジを簡単に作成できます。
• 力ベースのグラフ レイアウト アルゴリズムが含まれており、ノードのドラッグをサポートしています。
• まだ開発中ですが、ほとんどの目的に完全に使用できます。

その他オプション:

• vis.js: ネットワーク/エッジ グラフ、タイムライン、およびさまざまなチャート タイプをサポートする多目的ライブラリ。
• Cytoscape.js: モバイル サポートと jQuery のようなインタラクティブなグラフ分析および視覚化ライブラリ
• Jit: グラフの描画とレイアウトのための対話型フレームワーク。
• D3.js: 力指向グラフをサポートする強力な視覚化ライブラリ.
• Plotly: を使用した視覚化ライブラリJavaScript、Python、R、MATLAB のバインディングを備えた D3.js。
• sigma.js: グラフ描画用の軽量ライブラリ。
• jsPlumb: インタラクティブな接続を作成するための jQuery プラグイングラフ。
• Springy: 強制指示グラフ レイアウト アルゴリズム。
• JS Graph It: 線で接続されたボックスをドラッグ アンド ドロップします。
• RaphaelJS の Graffle: インタラクティブなグラフ描画ベクター描画ライブラリを使用した例。
• JointJS Core: インタラクティブなダイアグラム ツールをサポートするオープン ソースのダイアグラム ライブラリ。
• mxGraph: インタラクティブ用の商用ライブラリグラフの描画とレイアウト。

放棄ライブラリ:

• Cytoscape Web
• Canviz JS
• arbor.js

非JavaScriptライブラリ:

• Graphviz (JavaScript 用の Emscripten ポート)
• Flare (Flash ベース)
• NodeBox (Python)
• 処理.js (Processing の JavaScript ポート)

以上がドラッグ アンド ドロップ可能な小さな有向グラフを視覚化するのに最適な JavaScript ライブラリはどれですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。