用於圖形視覺化的 JavaScript 函式庫
問題:
您需要一個 JavaScript 函式庫來在HTML 頁面上。該圖相對較小,因此效能不是主要問題。此外,您希望能夠透過拖曳節點來手動調整佈局。
解決方案:
GraphDracula
- MIT 許可的JavaScript 庫,支援SVG 中的圖形佈局格式。
- 讓您可以使用 JavaScript 程式碼輕鬆建立節點和邊。
- 包含基於力的圖形佈局演算法並支援拖曳節點。
- 仍在開發中,但完全適用於大多數用途。
其他選項:
-
vis.js: 支援網路/邊緣圖、時間軸和各種圖表類型的多用途庫。
-
Cytoscape.js: 具有移動支援和類似jQuery 的互動式圖形分析和視覺化庫
-
Jit:圖形繪製和佈局的交互式框架。
-
D3.js:強大的視覺化函式庫,支援力導向圖.
-
Plotly: 使用D3.js 的視覺化函式庫Java、Python 、R 和MATLAB 的綁定。
-
sigma.js: 用來繪製圖形的輕量級函式庫。
-
jsPlumb: jQuery 外掛程式用於建立互動式連線
-
Springy:強制定向圖形佈局演算法。
-
JS Graph It:透過線連接的拖放框。
-
RaphaelJS 的 Graffle: 使用向量繪圖的互動式圖形繪製範例
-
JointJS Core: 支援互動式圖表工具的開源圖表庫。
-
mxGraph: 用於互動式圖形繪製和佈局的商業庫。
被遺棄庫:
- Cytoscape Web
- Canviz JS
- js
非JavaScript庫:
- Graphviz(JavaScript 的Emscripten 連接埠)
- Flare(基於Flash)
- NodeBox (Python)
-
以上是哪個 JavaScript 函式庫最適合用來視覺化小型、可拖放的有向圖?的詳細內容。更多資訊請關注PHP中文網其他相關文章!