10款前端流程图框架

1、go.js

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

2、jsPlumb

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

3、meta2d.js

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

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

官网网站：le5le.com/

开源地址：

Github：github.com/le5le-com/m…

Gitee：gitee.com/le5le/meta2…

4、mxGraph

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

5、AntV G6

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

6、JointJS

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

7、Flowchart.js

一个轻量级的 JavaScript 库，专门用于创建流程图。 GitHub 页面： github.com/adrai/flowc…

8、Mermaid

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

9、Draw.io

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

10、D3.js

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