Mermaid 是一个基于 Javascript 的图解和制图工具,它基于 markdown 语法来简化和加速生成流程图、时序图等

mermaid

流程图

流程图由节点(几何形状)和边(箭头或线条)组成

布局方向

流程图代码以 graph <布局方向> 开头,布局方向主要有:

  • TB:Top to Bottom
  • BT:Bottom to Top
  • LR:Left to Right
  • RL:Right to Left

形状

  • [矩形]
    • [(圆柱)]
    • [/平行四边形/]
    • [\平行四边形\]
    • [/梯形\]
    • [\梯形/]
  • (圆角矩形)
    • ((圆形))
    • ([体育场形])
  • {菱形}
    • {{六边形}}
  • >不对称矩形]