前端流程图框架的十大选择

发表时间: 2023-05-31 11:51

1、go.js

go.js 提供一整套的JS工具 ,支持各种交互式图表的创建;目前go.js 是闭源收费的;官方网站:
https://gojs.net/latest/samples/

2、jsPlumb

jsPlumb是一套开源的流程图创建工具 ,小巧精悍,使用简单;jsPlumb 有社区版跟收费版,我们可使用的是社区版;官方网站:
https://jsplumbtoolkit.com

3、meta2d.js

国产开源的web可视化绘图引擎,可以用在支持mqtt协议的iot物联网平台的scada场景 - 还支持设备工艺流程组态、大屏、流程图、拓扑图、脑图、动画、echarts、websocket,http通信等。

有开源版和企业版,企业版属于核心引擎的上层应用开发的产品之一。同时内置4000多个电力能源和物联网相关设备图元,海量的行业案例供参考。

官网网站:https://le5le.com/

开源地址:

Github:https://github.com/le5le-com/meta2d.js

Gitee:https://gitee.com/le5le/meta2d.js

4、mxGraph

mxGraph是一个js绘图组件,适用在网页设计/编辑流程图、图表、网络图和普通图形的web应用程序,draw.io工具就是基于mxGraph开发的。缺点就是介绍框架简介以及API文档不全,社区问题也较少更新;官方网站:
http://jgraph.github.io/mxgraph/

5、AntV G6

AntV G6 是阿里巴巴旗下的图形引擎,提供了丰富的图表和流程图绘制能力。它基于 Canvas 技术,支持节点、边、布局、交互等功能,并且具有良好的性能和扩展性。官方网站:
https://antv-g6.gitee.io/zh/

6、JointJS

一个基于 JavaScript 的图形渲染库,可用于创建各种类型的图表和流程图。 官方网站:https://www.jointjs.com/

7、Flowchart.js

一个轻量级的 JavaScript 库,专门用于创建流程图。 GitHub 页面:
https://github.com/adrai/flowchart.js

8、Mermaid

一个简单易用的 Markdown 风格的图表生成工具,支持绘制流程图、时序图、甘特图等。 官方网站:https://mermaid.js.org/

9、Draw.io

一个在线图表绘制工具,可以绘制流程图、组织结构图、UML 图等。 官方网站:https://www.drawio.com/

10、D3.js

一个功能强大的 JavaScript 数据可视化库,可以用于创建各种类型的图表,包括流程图。 官方网站:https://d3js.org/