分享10款前端流程图插件

分享10款前端流程图插件

大家在开发系统的时候肯定用到流程图，今天介绍10款流程图插件：

1、go.js?

go.js 提供一整套的JS工具 ,支持各种交互式图表的创建;

目前go.js 是闭源收费的;?

官方网站: https://gojs.net/latest/index.html

2、jsPlumb?

jsPlumb是一套开源的流程图创建工具 ,小巧精悍,使用简单;?

jsPlumb 有社区版跟收费版,我们可使用的是社区版;?

官方网站: http://jsplumbtoolkit.com/

3、mxGraph?

mxGraph是一个js绘图组件,适用在网页设计/编辑流程图、图表、网络图和普通图形的web应用程序,draw.io工具就是基于mxGraph开发的。?

缺点就是介绍框架简介以及API文档不全,社区问题也较少更新;?

官方网站:http://jgraph.github.io/mxgraph/?

4、GG-Editor?

GG-Editor是基于 G6 和 React 的可视化图编辑器,G6 是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。

官方网站: http://g6.antv.vision/?

5、mxGraph?

一个强大的 JavaScript 流程图库,支持绘制各种类型的图表和图形。?

官方网站:https://jgraph.github.io/mxgraph/

6、JointJS?

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

7、Flowchart.js

一个轻量级的 JavaScript 库,专门用于创建流程图。?

GitHub 页面:https://github.com/adrai/flowchart.js

8、Mermaid?

一个简单易用的 Markdown 风格的图表生成工具,支持绘制流程图、时序图、甘特图等。?

官方网站:https://mermaid-js.github.io/mermaid/?

9、Draw.io

一个在线图表绘制工具,可以绘制流程图、组织结构图、UML 图等。?

官方网站:https://www.diagrams.net/

10、D3.js?

一个功能强大的 JavaScript 数据可视化库,可以用于创建各种类型的图表,包括流程图。

官方网站:https://d3js.org/