流程图的魅力【在markdown中使用mermaid格式制作流程图】

🚀作者简介

主页：水香木鱼的博客

专栏：产品思维

能量：🔋容量已消耗1%，自动充电中…

笺言：用博客记录每一次成长，书写五彩人生。

📒技术聊斋

mermaid支持三种图形的绘制, 分别是①流程图, ②时序图和③甘特图

流程图方向有下面几个值

• TB 从上到下
• BT 从下到上
• RL 从右到左
• LR 从左到右
• TD 同TB

（一）从上到下

graph TD
   A --> B

效果：

（二）从左到右

graph LR
   A --> B 

效果：

（三）基本图形

• id + [文字描述]矩形
• id + (文字描述)圆角矩形
• id + >文字描述]不对称的矩形
• id + {文字描述}菱形
• id + ((文字描述))圆形

示例

graph TD
    id[带文本的矩形]
    id4(带文本的圆角矩形)
    id3>带文本的不对称的矩形]
    id1{带文本的菱形}
    id2((带文本的圆形))

效果：