推荐几款常用的流程图开源库

大家好我是辉子,关注 公众号: 【罗米笔记】,有更好的笔记会及时更新

开始

今天推荐的是流程图创建开源库,因为在工作中可能需要用到审批流之类的。

jsPlumb

jsPlumb 是一个开源的 JavaScript 库,可以用来创建交互式流程图和数据可视化。它支持各种节点类型,可以自定义节点和连接的样式,还提供了丰富的 API 用于实现复杂的交互效果。

WX20231013-092249.png
https://github.com/jsplumb/jsplumb

GoJS

GoJS 是一个 JavaScript 和 TypeScript 的库,用于构建交互式图表和图形,包括流程图、组织结构图、状态图等等。该库非常强大,具有灵活的模板和丰富的 API,可以满足各种复杂的流程图需求。

WX20231013-092504.png
https://github.com/NorthwoodsSoftware/GoJS

Mermaid

Mermaid 是一种轻量级、简单易用的图表绘制语言,使用markdown形式进行书写,它可以生成流程图、序列图、甘特图等多种图表。Mermaid 使用 JavaScript 实现,其语法清晰简洁,易于学习和使用。
WX20231013-093044.png
https://github.com/mermaid-js/mermaid

LogicFlow

是一款基于javascript的流程图编辑框架,提供了一系列流程图相关的交互、编辑功能,也支持简单灵活的节点自定义、插件等拓展机制,开发者可以快速在业务系统内实现类似于流程图的需求

WX20231013-095005.png
https://github.com/didi/LogicFlow

X6

X6 是基于 HTML 和 SVG 的图编辑引擎,提供低成本的定制能力和开箱即用的内置扩展,方便我们快速搭建 DAG 图、ER 图、流程图、血缘图等应用。

WX20231013-100659.png
https://github.com/antvis/X6

mxGraph

mxGraph 是一个开源的 JavaScript 图形库,用于创建交互式图形和图表,包括流程图、组织结构图、网络拓扑图等。mxGraph 具有优秀的性能和灵活的 API,可以满足各种复杂的图形绘制需求。文档太少了,draw.io是基于这个开发

WX20231013-094300.png
https://github.com/jgraph/mxgraph

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

罗米笔记

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值