前端流程图框架

1、Mermaid：

Mermaid 是一个用于绘制流程图、时序图、甘特图等的纯 JavaScript 库。它使用简单的文本语法来定义图表结构，支持多种类型的流程图，易于集成到网页中。

2、Draw.io：

Draw.io 是一个在线的流程图绘制工具，提供了丰富的图形元素和布局选项，支持导入和导出多种文件格式，可以直接在浏览器中创建和编辑流程图。

3、bpmn-js：

bpmn-js 是一个基于 JavaScript 的 BPMN 2.0 流程图渲染和编辑工具，可以在浏览器中显示和编辑 BPMN 流程图，支持拖拽、缩放、导入和导出等功能。

4、JointJS：

JointJS 是一个基于 JavaScript 的图形框架，可以用于创建各种类型的图表，包括流程图、组织结构图、网络拓扑图等。它提供了丰富的图形元素和交互功能，支持自定义样式和事件处理。

5、mxGraph：

mxGraph 是一个用于绘制图表和图形界面的 JavaScript 库，支持流程图、组织结构图、网络拓扑图等多种类型的图表。它提供了丰富的图形元素和布局选项，支持拖拽、缩放、导入和导出等功能。

6、GoJS：

GoJS 是一个功能强大的 JavaScript 流程图和图表库，提供了丰富的图形元素和交互功能，支持自定义样式和事件处理，可用于创建各种类型的流程图和图表。

7、D3.js：

D3.js 是一个用于创建数据可视化的 JavaScript 库，可以用于绘制各种类型的图表，包括流程图。它提供了强大的数据绑定和转换功能，可以根据数据动态生成流程图。

8、meta2d.js：

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

9、Vis.js：

Vis.js 是一个基于 JavaScript 的可视化库，提供了多种类型的图表和网络可视化组件，包括流程图。它支持交互功能和自定义样式，可以用于创建复杂的流程图和图表。

10、Cytoscape.js：

Cytoscape.js 是一个用于创建复杂网络图的 JavaScript 图形库，可以用于创建各种类型的流程图和图表。它提供了强大的布局算法和交互功能，支持自定义样式和事件处理。

11、AntV G6：

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