前端关系图谱插件_前端拓扑图插件选型对比

前端拓扑图插件选型对比

前端生成拓扑图、关系图、流程图的JavaScript插件有很多，各种编辑器五法八门。

本文对比各插件的优缺点，为选型提供一些参考。

一、免费插件

1. jTopo

简介：jTopo(Javascript Topology library)是一款完全基于 HTML5 Canvas 的关系、拓扑图形化界面开发工具包。

背景：个人、国产

官网：http://www.jtopo.com/

示例：https://github.com/wenyuan/jtopo_topology

优点

免费

轻量

无明显性能问题

功能丰富，支持各种自定义操作

国产，文档简单，上手容易

缺点

未开放源代码，如需做功能增强，对着混淆后的 js 代码做修改比较费时间

2015 年就停更了，作者在 2019 年表示正在准备新版本，当前进度未知

有一些 bug(比如自动布局)

不是采用模块化编程的，在现代化框架(比如 vuejs)中使用比较麻烦(但可以实现)

建议

小项目中可以使用，大型项目不建议

新手使用，可以提高自己的 js 功底

2. Vis.js

简介：vis.js 基于 HTML5 Canvas 开发的动态可视化库。该库被设计为易于使用，处理大量的动态数据，并支持对数据的操作和交互。

背景：Al