Mermaid 流程图

创建专业流程图来可视化流程和工作流。使用我们的实时编辑器设计决策树、流程图和系统流程。

100%

开始输入以查看您的图表

100% • 拖动平移

快速语法参考

掌握这些常用模式，快速创建流程图。

节点定义定义不同形状的节点

A[Square] --> B{{Rounded}}
B --> C([Stadium])
C --> D[(Database)]

箭头类型各种箭头样式

A --> B
A --> C
A -.-> D
A ==> E
A --text--> F

方向设置设置图表方向

flowchart TB
A --> B

flowchart LR
A --> B

子图将节点分组

subgraph Subtitle [Title]
  A --> B
end
C --> Subtitle

样式设置应用CSS样式

style A fill:#f9f,stroke:#333,stroke-width:4px
classDef red fill:#f96
class A,B red

点击事件添加交互性

click A callback "Tooltip"
click B "http://example.com" "Open link"

流程图是跨行业通用的工具，用于可视化流程和决策路径。

记录业务流程、工作流和标准操作程序。

在软件开发中绘制逻辑流和决策树。

创建决策树来可视化选择和结果。

设计应用程序中的用户旅程和导航路径。

说明系统组件及其交互关系。

为培训和入职创建可视化指南。