開源javascript拓撲工具集合

最近項目上又個需求，須要用到拓撲工具，原來沒有接觸過這塊內容，就去網上找了一些開源js拓撲工具，這裏我作了一下總結，分享給你們。

需求拓撲圖

1.jtopo 拓撲圖形化界面開發工具包

jTopo項目實例

jTopo（Javascript Topology library)是一款徹底基於HTML5 Canvas的關係、拓撲圖形化界面開發工具包。

jTopo關注於數據的圖形展現，它是面向開發人員的，須要進行二次開發。

使用jTopo很簡單，能夠快速建立一些關係圖、拓撲等相關圖形化的展現。只要您的數據之間存在有關聯關係，均可以使用jTopo來進行人性化、圖形化的展現。

jTopo的目標：

• 簡單好用
• 靈活擴展
• 輕鬆開發出相似Visio、在線腦圖、UML建模等相似工具
• 爲大數據可視化提供解決方案

jTopo特色

• 徹底基於HTML5 Canvas開發，始終站在開發者的角度設計，API平易近人、幾乎簡單到了極致。
• 不依賴任何其餘庫、執行僅需一個Canvas，不污染你的頁面、Dom結構和代碼命名空間。
• 功能異常強大、靈活，可擴展性極強（爲擴展而生），包裝一下，就是一款很專業的圖形化軟件。
• 體積小，壓縮後僅幾十KB。
• 性能十分優異，可流暢地展現大量數據(通過專業優化過甚至能夠展現幾十萬、百萬級別的數據)
• 免費

不足：目前文檔不夠詳細，主要經過Demo來熟悉。

官網地址： www.jtopo.com/index.html

2.hightopo（ HT for Web ）

hightopo實例

提供完整的基於HTML5圖形界面組件庫。使用HT for Web您能夠輕鬆構建現代化的，跨桌面和移動終端的企業應用，無需擔心跨平臺兼容性，及觸屏手勢交互等棘手問題。

可用於快速建立和部署，高度可定製化，並具備強大交互功能的拓撲圖形及錶盤圖表等應用。HT for Web很是適用於實時監控系統的界面呈現，普遍應用於電信網絡拓撲和設備管理，以及電力、燃氣等工業自動化(HMI/SCADA)領域。

HT for Web提供了一套獨特的WebGL層抽象，將Model–View–Presenter (MVP)的設計模型延伸應用到了3D圖形領域。使用HT for Web您可更關注於業務邏輯功能，沒必要將精力投入複雜3D渲染和數學等非業務核心的技術細節。

hightopo特色

• 易用：易學易用，數小時的學習便可上手，幾天的使用便可精通
• 輕量：包含通用組件、2D拓撲和3D引擎的核心包僅有300k左右
• 高性能：全部組件都可承載萬以上的數據量，並能保持操做流暢
• 跨平臺：可運行於桌面平臺和移動終端全部支持的HTML5瀏覽器

不足：難免費、可是支持試用，API龐大

官網地址： www.hightopo.com/cn-index.ht…

3.jsPlumb 外國友人開發的拓撲工具

jsPlumb實例

jsPlumb提供了構建應用程序所需的一切功能：平移/縮放，小地圖窗口小部件，自動佈局，數據綁定等等。 利用HTML5和CSS3，與移動設備無縫集成

jsPlumb特色：

• 支持Angular（7，6，5，4，2）、vue2.0、react
• 強大的UI定製
• 自動佈局
• 提供多種窗口小工具

不足：沒有中文文檔、開源意味着出現複雜BUG不能及時處理

官網地址： jsplumbtoolkit.com/

GitHub連接 ： github.com/jsplumb/jsp…

4. vis.js 開源動態可視化拓撲工具庫

vis.js實例

基於瀏覽器的動態可視化工具庫。vis.js旨在易於使用，處理大量動態數據，以及實現對數據的操做和交互。vis.js由組件DataSet，Timeline，Network，Graph2d和Graph3d組成。

vis.js特色：

• 動態，自動組織，可自定義的網絡視圖。
• 可自定義交互時間軸
• 動態數據更新
• 交互式動畫，3D圖形庫，開箱即用

不足：文檔不全

官網地址： visjs.org/

GitHub連接: github.com/almende/vis

文章轉自：鯨魚啊