开源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

文章转自：鲸鱼啊