Mermaid 是一个基于 Javascript 的图解和制图工具,它基于 markdown 语法来简化和加速生成流程图、时序图等
- 项目地址:https://github.com/mermaid-js/mermaid
- 在线编辑:https://mermaid-js.github.io/mermaid-live-editor/edit
- 官方文档:https://mermaid.js.org/intro/
mermaid
流程图
流程图由节点(几何形状)和边(箭头或线条)组成
布局方向
流程图代码以 graph <布局方向>
开头,布局方向主要有:
- TB:Top to Bottom
- BT:Bottom to Top
- LR:Left to Right
- RL:Right to Left
形状
[矩形]
[(圆柱)]
[/平行四边形/]
[\平行四边形\]
[/梯形\]
[\梯形/]
(圆角矩形)
((圆形))
([体育场形])
{菱形}
{{六边形}}
>不对称矩形]