话不多说,直接干货
Logicflow
LogicFlow 是由滴滴体验平台技术研发的一款流程图编辑框架,提供了一系列流程图交互、编辑所必需的功能和简单灵活的节点自定义、插件等拓展机制,方便我们快速在业务系统内满足类流程图的需求。目前,LogicFlow 已经支持了客服业务下 IVR、工单流转、智能机器人等多个运营系统,在各系统不同的流程配置需求中得到了验证。
- Star: 5k,新型势力,未来可期
- 框架: 对vue,react 框架没有限制,国内大厂开发
- 技术: 使用 HTML + Svg 来完成图的渲染,Svg 负责图形、线的部分,HTML 来实现文本、菜单、背景等图层
- 交流:官方自带群聊二维码
- 个人推荐:🌟🌟🌟🌟🌟
XFlow
XFlow 是 AntV 旗下, 基于 X6 图编辑引擎、面向 React 技术栈用户的图编辑应用级解决方案, 旨在让复杂的图编辑应用开发简单高效。
类比antd体系,X6是图编辑场景的antd, 提供图编辑的各种原子能力。而XFlow是图编辑场景的ProComponent, 通过App 扩展系统/状态管理/命令模式来实现对X6的原子能力的组合封装, 最终实现应用级场景的开箱即用。
- Star: 458,新型势力,未来可期
- 框架:只支持react框架开发,流失了vue用户,大厂开发
- 技术:HTML + Svg
- ui:图形美观,让人眼前一亮
- 交流:官方自带群聊二维码
- 个人推荐:🌟🌟🌟🌟
bpmn
bpmn-js是一个 BPMN 2.0 呈现工具箱和 web 建模器。它是用 JavaScript 编写的,将 BPMN 2.0 图嵌入到现代浏览器中,不需要服务器后端。这使得它很容易嵌入到任何 web 应用程序中。
该库以一种既可以作为查看器又可以作为 web 建模器的方式构建,。使用查看器将 BPMN 2.0 嵌入到应用程序中,并用数据丰富它。使用 modeler 在你的应用程序中创建 BPMN 2.0 关系图。
- Star: 7.4k,老牌项目,具有标准化定义的能力
- 框架: 对vue,react 框架没有限制,国外开发
- 文档:没有中文,需要自己从网上寻找相关中文文档
- 技术:HTML + Canvas
- 交流:国内个人自建小群
- 个人推荐:🌟🌟🌟
mxGraph
mxGraph是一个JavaScript图表库,可以快速创建交互式图形和图表应用程序,这些应用程序可以在其供应商支持的任何主要浏览器中运行。mxGraph 提供图形绘制、图形可视化、图形交互、图形布局、图形分析等能力, 适用于工作流程图、BPMN图、网络图、UML图、循环图、组织结构图、MindMap图、机架图、甘特图、信息图、平面图等绘制。
该版本库的所有者已于 2021 年 4 月 1 日将其归档。现在只读。
- Star: 553,老牌项目
- 框架:不支持
ts,还有其他缺陷,技术受限 - 文档:英文文档,不友好
- 个人推荐:🌟🌟