10款前端流程图框架
10款前端流程图框架
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/
