ホームページ >ウェブフロントエンド >jsチュートリアル >手動ノード レイアウト制御による高性能の有向グラフ視覚化を提供する JavaScript ライブラリはどれですか?

手動ノード レイアウト制御による高性能の有向グラフ視覚化を提供する JavaScript ライブラリはどれですか?

Linda Hamilton
Linda Hamiltonオリジナル
2024-12-08 15:15:12455ブラウズ

What JavaScript Libraries Offer High-Performance Directed Graph Visualization with Manual Node Layout Control?

グラフ視覚化用の JavaScript ライブラリ

クエリ:

有向グラフを視覚化するための JavaScript ライブラリを求める開発者は、パフォーマンスについてよく問い合わせます。ノードを手動で操作する機能レイアウト.

回答:

GraphDracula:

GraphDracula は、SVG を使用した JavaScript ベースの有向グラフ視覚化を提供し、このニーズを満たします。レンダリング機能とノードのドラッグ機能。アクセス可能な JavaScript API により、シームレスなグラフ作成が可能になります:

var g = new Graph();
g.addEdge("strawberry", "cherry");
g.addEdge("cherry", "apple");
g.addEdge("id34", "cherry");

追加ライブラリ オプション:

  • vis.js: 包括的なネットワーク/自動レイアウト、自動クラスタリング、モバイルによるエッジ グラフのサポート互換性。
  • Cytoscape.js: jQuery のような規則によるインタラクティブなグラフ分析と視覚化。
  • Jit (JavaScript InfoVis Toolkit): マルチ力指向に重点を置いた目的のグラフ描画とレイアウト フレームワークレイアウト。
  • D3.js: カスタム ノード レイアウトを可能にする、グラフ描画サンプルを備えた広範な視覚化ライブラリ。
  • Plotly: JS 視覚化ライブラリと互換性ありD3.js を使用すると、Python、R、およびMATLAB.

その他の注目すべきライブラリ:

  • sigma.js: グラフ描画用の軽量ライブラリ。
  • jsPlumb: jQueryインタラクティブなグラフ作成用のプラグイン。
  • Springy: 強制指示グラフ レイアウト アルゴリズム。
  • JS Graph It: ドラッグ アンド ドロップ線の自動レイアウトを備えたボックス。
  • RaphaelJS Graffle: ベクトル描画ライブラリを使用した対話型グラフの例。
  • JointJS Core: 静的または対話型ツール用のオープン ソース ダイアグラム ライブラリ。
  • mxGraph: Apache v2.0 を使用した HTML5 ダイアグラム ライブラリライセンス。

商用ソリューション:

  • GoJS: インタラクティブなグラフ描画およびレイアウト ライブラリ。
  • yFiles for HTML: 商用グラフ描画とレイアウトlibrary.

放棄されたライブラリ:

  • Cytoscape Web: 埋め込み可能な JS ネットワーク ビューア (後続) Cytoscape.js).
  • Canviz JS: Graphviz グラフのレンダラ、2013 年に廃止されました。
  • arbor.js: 物理学を備えた洗練されたグラフ作成ライブラリそしてビジュアルは放棄されました2012.

以上が手動ノード レイアウト制御による高性能の有向グラフ視覚化を提供する JavaScript ライブラリはどれですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。