Markdown图表：流程图基本语法

基本语法：

• graph 指定流程图方向：graph LR 横向，graph TD 纵向
  
  

关键字graph表示一个流程图的开始，同时需要指定该图的方向。如果内容包含特殊字符，可使用"字符"，或参考markdown转义。
方向

代码	方向
TB	从上到下
TD	从上到下
BT	从下到上
RL	从右到左
LR	从左到右

T = TOP，B = BOTTOM，L = LEFT，R = RIGHT，D = DOWN

• 元素的形状定义：
  
  
  • id[描述] 以直角矩形绘制
  • id(描述) 以圆角矩形绘制
  • id{描述} 以菱形绘制
  • id>描述] 以不对称矩形绘制
  • id((描述)) 以圆形绘制
    
• 线条定义：
  
  
  • A-->B 带箭头指向
  • A---B 不带箭头连接
  • A-.-B 虚线连接
  • A-.->B 虚线指向
  • A==>B 加粗箭头指向
  • A--描述---B 不带箭头指向并在线段中间添加描述
  • A--描述-->B 带描述的箭头指向
  • A-.描述.->B 带描述的虚线连指向
  • A==描述==>B 带描述的加粗箭头指向
    
• 子流程图定义
  
  
  • subgraph title
  •   graph direction
  • end
    
  
  

代码	形状
变量	默认形状
变量[内容]	矩形
变量(内容)	圆矩形
变量((内容))	圆形
变量	非对称形
变量	菱形

[mermaid]
graph LR
A
B[ b ]
C(c)
D((d))
E>e]
F{f}
[/mermaid]

graph LR
A
B[ b ]
C(c)
D((d))
E>e]
F{f}

微信扫二维码转发分享

[mermaid]graph LR
start[开始] --> input[输入A,B,C]
input --> conditionA{A是否大于B}
conditionA -- YES --> conditionC{A是否大于C}
conditionA -- NO --> conditionB{B是否大于C}
conditionC -- YES --> printA[输出A]
conditionC -- NO --> printC[输出C]
conditionB -- YES --> printB[输出B]
conditionB -- NO --> printC[输出C]
printA --> stop[结束]
printC --> stop
printB --> stop[/mermaid]

---

graph LR
start[开始] --> input[输入A,B,C]
input --> conditionA{A是否大于B}
conditionA -- YES --> conditionC{A是否大于C}
conditionA -- NO --> conditionB{B是否大于C}
conditionC -- YES --> printA[输出A]
conditionC -- NO --> printC[输出C]
conditionB -- YES --> printB[输出B]
conditionB -- NO --> printC[输出C]
printA --> stop[结束]
printC --> stop
printB --> stop

---

[mermaid]graph LR
A(开始) -->B(起床)
B --天气不好--- C
C ==> D{休息时间到了}
D -.yes.-> E((休息))
D -.no.-> C
E --> F(吃饭)
[/mermaid]

代码：
```mermaid
graph LR
A(开始) -->B(起床)
C ==> D{休息时间到了}
D -.yes.-> E((休息))
D -.no.-> C
E --> F(吃饭)

[mermaid]graph TD;
A-->B;
B-->C;
B-->D;
D-->G;[/mermaid]

mermaid
graph TD;
A-->B;
B-->C;
B-->D;
D-->G;
/mermaid

---

[mermaid]graph TD;
A(这是流程图开始第一张)-->B(已开始了);
B-->C(进入三级项目);
B-->D(我也进入了三级项目);
[/mermaid]

mermaid
graph TD;
A(这是流程图开始第一张)-->B(已开始了);
B-->C(进入三级项目);
B-->D(我也进入了三级项目);
/mermaid

---

[mermaid]graph TB
start[开始] --> input[输入A,B,C]
input --> conditionA{A是否大于B}
conditionA -- YES --> conditionC{A是否大于C}
conditionA -- NO --> conditionB{B是否大于C}
conditionC -- YES --> printA[输出A]
conditionC -- NO --> printC[输出C]
conditionB -- YES --> printB[输出B]
conditionB -- NO --> printC[输出C]
printA --> stop[结束]
printC --> stop
printB --> stop[/mermaid]

graph TB
start[开始] --> input[输入A,B,C]
input --> conditionA{A是否大于B}
conditionA -- YES --> conditionC{A是否大于C}
conditionA -- NO --> conditionB{B是否大于C}
conditionC -- YES --> printA[输出A]
conditionC -- NO --> printC[输出C]
conditionB -- YES --> printB[输出B]
conditionB -- NO --> printC[输出C]
printA --> stop[结束]
printC --> stop
printB --> stop

---

[mermaid]graph TD;
A-->B;
B-->C;
B-->D;
D-->G;[/mermaid]
graph TD;
A-->B;
B-->C;
B-->D;
D-->G;

---

[mermaid]graph TD;
A-->B;
B-->C;
B-->D;
[/mermaid]

graph TD;
A-->B;
B-->C;
B-->D;

---

[mermaid]graph TB
A[把大象放进去] --> B{"冰箱小不小？"}
B -->|不小| C[把冰箱门关上]
B -->|小| D[换个大冰箱][/mermaid]
graph TB
A[把大象放进去] --> B{"冰箱小不小？"}
B -->|不小| C[把冰箱门关上]
B -->|小| D[换个大冰箱]

---

[mermaid]graph TB
Start(开始) --> Open[打开冰箱门]
Open --> Put[把大象放进去]
Put[把大象放进去] --> IsFit{"冰箱小不小？"}

IsFit -->|不小| Close[把冰箱门关上]
Close --> End(结束)

IsFit -->|小| Change[换个大冰箱]
Change --> Open[/mermaid]
graph TB
Start(开始) --> Open[打开冰箱门]
Open --> Put[把大象放进去]
Put[把大象放进去] --> IsFit{"冰箱小不小？"}

IsFit -->|不小| Close[把冰箱门关上]
Close --> End(结束)

IsFit -->|小| Change[换个大冰箱]
Change --> Open

---

[mermaid]graph TD
A[Enter Chart Definition] --> B(Preview)
B --> C{decide}
C --> D[Keep]
C --> E[Edit Definition]
E --> B
D --> F[Save Image and Code]
F --> B[/mermaid]
graph TD
A[Enter Chart Definition] --> B(Preview)
B --> C{decide}
C --> D[Keep]
C --> E[Edit Definition]
E --> B
D --> F[Save Image and Code]
F --> B

[mermaid]
graph TB
执行1[i = 1]
执行2[j = 0]
执行3[i ++]
执行4["a = arr[j], b = arr[j + 1]"]
执行5[交换 a, b]
执行6[j ++]
判断1["i < n"]
判断2["j < n - i"]
判断3["a > b"]
开始 --> 执行1
执行1 --> 判断1
判断1 --Y--> 执行2
执行2 --> 判断2
判断2 --Y--> 执行4
判断2 --N--> 执行3
执行3 --> 判断1
执行4 --> 判断3
判断3 --N--> 判断2
判断3 --Y--> 执行5
执行5 --> 执行6
执行6 --> 判断2
判断1 --N--> 结束
[/mermaid]