mermaid：流程图：由上到下

graph TB A[主题开始] B[主题第二] C[子题第一] D[子题第二] A --> B B -->|否| C B -->|是| D

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

graph TD     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

graph TD     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 --> again[重来]     printB --> pause[暂停]

graph TD     A[Christmas] -->|Get money| B(Go shopping)     B --> C[Let me think]     C -->|One| D[Laptop]     C -->|Two| E[iPhone]     C -->|Three| F[Car]

graph TD a-->b b-->c b-->d linkStyle 0 stroke-width:2px; linkStyle 1 stroke:#008000,stroke-width:2px; linkStyle 2 stroke:#008000,stroke-width:2px;

graph TB id1[Snow#FFFAFA] id2[WhiteSmoke#F5F5F5] id3[FloralWhite#FFFAF0] id4[PapayaWhip#FFEFD5] id5[Ivory#FFFFF0] id6[LemonChiffon#FFFACD] id7[Seashell#FFF5EE] id8[Honeydew#F0FFF0] id9[Azure#F0FFFF] id10[AliceBlue#F0F8FF] id11[MistyRose#FFE4E1] id12[CornflowerBlue#6495ED] id13[SkyBlue#87CEEB] id14[Green#00FF00] id15[MedSpringGreen#00FA9A] id16[Yellow#FFFF00] id17[Gold#FFD700] id18[Red#FF0000] id19[Tomato#FF6347] id20[MediumPurple#9370DB] id1-->id2 id2-->id3 id3-->id4 id4-->id5 id6-->id7 id7-->id8 id8-->id9 id9-->id10 id11-->id12 id12-->id13 id13-->id14 id14-->id15 id16-->id17 id17-->id18 id18-->id19 id19-->id20     style id1 fill:#FFFAFA     style id2 fill:#F5F5F5     style id3 fill:#FFFAF0     style id4 fill:#FFEFD5     style id5 fill:#FFFFF0     style id6 fill:#FFFACD     style id7 fill:#FFF5EE     style id8 fill:#F0FFF0     style id9 fill:#F0FFFF     style id10 fill:#F0F8FF     style id11 fill:#FFE4E1     style id12 fill:#6495ED     style id13 fill:#87CEEB     style id14 fill:#00FF00     style id15 fill:#00FA9A     style id16 fill:#FFFF00     style id17 fill:#FFD700     style id18 fill:#FF0000     style id19 fill:#FF6347     style id20 fill:#9370DB

graph TB     id1(Start)-->id2(Stop)     style id1 fill:#F0FFF0,stroke:#333,stroke-width:4px     style id2 fill:#F0FFF0,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5 5

graph TD     A[点击我] --> B[显示详细信息]     click A "https://www.runoob.com" "这是提示文本"

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