tags: [组件]
categories: 业务场景解决方案


流程图

GGEditor

GGEditor | A visual graph editor based on G6 and React
可视化界面配置解决方案 - 图1

flowchart.js

语雀流程图解决方案
adrai/flowchart.js: Draws simple SVG flow chart diagrams from textual representation of the diagram

mxgraph

jgraph/mxgraph: mxGraph is a fully client side JavaScript diagramming library
可视化界面配置解决方案 - 图2

GoJS

https://gojs.net/latest/samples/flowchart.html
可视化界面配置解决方案 - 图3

treed

https://github.com/jaredly/treed
可视化界面配置解决方案 - 图4

FlowDiagram

基于GOJS封装的流程图设计(展示)工具类
可视化界面配置解决方案 - 图5

STORM React Diagrams

https://www.npmjs.com/package/storm-react-diagrams?activeTab=readme
可视化界面配置解决方案 - 图6

bpmn-js

**https://github.com/bpmn-io/bpmn-js
https://bpmn.io/toolkit/bpmn-js/
screencast.gif

mermaid

https://mermaidjs.github.io/#/
image.png

Butterfly

https://noonnightstorm.github.io/#/example?_k=e0x9rl
image.png

数仓

DataV

https://help.aliyun.com/product/43570.html
阿里云收费
image.png

rsbi-pom

https://github.com/ruisibi/rsbi-pom
image.png

cboard

https://github.com/TuiQiao/CBoard
https://tuiqiao.github.io/CBoardDoc/#/
image.png