有没有前端好用的画流程图的组件？

Question

需求：做一个简单的流程图（可编辑），类似于visio，生成之类的，但是只要求简单的方框流程图即可。线上案例类似于process的流程图生成

Answer 1

半年前之前做过一些简单的调研（最终我选择的是基于G6的g6-editor，就是下面那哥们提到的GGEditor，vue几乎开箱即用，但是想要拓展嘛，就不是很好了，另外G6的文档写的很垃圾），可以分享一下(半年前的调研了，现在可能情况有些不同了，这个只作为参考)：

框架或工具	流程图	循环	图例	事件	导入导出	文档	当前版本号	备注
antv-G6	支持	支持	支持	支持	支持	中文文档、不太完整	v2.2.6	功能够用
kityminder-editor	支持	不支持	不支持	支持	支持	中文文档、不太完整	v1.0.67	功能不够用
GOJS	支持	支持	支持	支持	支持	英文文档、文档完善	v2.0.3	功能强大、灵活但是商业付费
noflojs	支持	-	支持	支持	-	英文文档、文档完善	v1.1.3	更适合FBP
jsPlumb	支持	支持	支持	支持	-	英文文档、文档完善	v2.8.6	商业版付费，社区版免费功能受限
react-diagrams	支持	不支持	不支持	支持	支持	良好	v5.0.0	react友好

Answer 2

如果是react, 推荐阿里的GGEditor

在线demo

Answer 3

https://github.com/bpmn-io/bp...

Answer 4

https://www.draw.io/ google这个很好用，免费，强大

Answer 5

aworkflow.js
https://github.com/auto-workf...
可以看一下这个 还是比较好用的

Answer 6

https://www.draw.io/

Answer 7

可以了解一下这几款工具：

1. https://flowchart.js.org/
2. https://mermaidjs.github.io/#/

它们都支持在网页端使用，使用者通过写类似于代码的内容来描述流程图，由这些库来自动生成流程图