前端流程图框架

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技术,支持节点、边、布局、交互等功能,并且具有良好的性能和扩展性。官方网站。

相关推荐
kebeiovo1 天前
项目必备流程图,类图,E-R图实例速通
开发语言·r语言·流程图
晋人在秦 老K2 天前
入梦工具箱怎么检测硬件?3步完成CPU-Z跑分测试 硬件检测总出错?图吧工具箱免费功能实测 draw.io 部署指南:私有化流程图服务搭建教程
测试工具·流程图·工具·draw.io
zzywxc7872 天前
AI在金融、医疗、教育、制造业等领域的落地案例(含代码、流程图、Prompt示例与图表)
人工智能·spring·机器学习·金融·数据挖掘·prompt·流程图
ui小新4 天前
什么是流程图:流程六要素、三大结构及绘制规范总结
流程图·设计工具·流程图设计
小道士写程序4 天前
如何简单理解状态机、流程图和时序图
java·开发语言·流程图
zzywxc7875 天前
深入探讨AI三大领域的核心技术、实践方法以及未来发展趋势,结合具体代码示例、流程图和Prompt工程实践,全面展示AI编程的强大能力。
人工智能·spring·机器学习·ios·prompt·流程图·ai编程
皆过客,揽星河5 天前
c语言程序之魂——算法(练习题,流程图,程序源码)
c语言·算法·流程图·源码·辗转相除法·c语言程序设计
晓风残月淡5 天前
Mermaid流程图更改样式的方法
css·流程图·css3
disgare5 天前
如何画时序图、流程图
流程图
低代码布道师12 天前
UX 设计入门终章:让洞察落地!用用户流程图、IA 和旅程图,设计用户与产品的互动故事
大数据·流程图·ux