---
notion-id: 95b261d7-5a47-4c19-8e44-8016148392a0
---
# **流程图**（Flowchart）：
```mermaid
graph TD
    A[开始] --> B[流程1]
    B --> C{条件判断}
    C -->|是| D[流程2]
    C -->|否| E[结束]
    D --> E
```
# **序列图**（Sequence Diagram）：
```mermaid
sequenceDiagram
    Alice->>Bob: Hello Bob, how are you?
    Bob-->>Alice: Fine, thank you.

```
# **甘特图**（Gantt Chart）：
```mermaid
gantt
    title A Simple Gantt Diagram
    section Section
    Task 1           :a1, 2024-03-17, 30d
    Task 2           :after a1  , 20d
    Task 3           : 20d

```
# **类图**（Class Diagram）：
```mermaid
classDiagram
    Animal <|-- Duck
    Animal <|-- Fish
    Animal <|-- Zebra
    Animal : +int age
    Animal : +String gender
    Animal: +isMammal()
    Animal: +mate()
    class Duck{
        +String beakColor
        +swim()
        +quack()
    }
    class Fish{
        -int sizeInFeet
        -canEat()
    }
    class Zebra{
        +bool is_wild
        +run()
    }

```
# **活动图**（Activity Diagram）：
```mermaid
flowchart TD
    start --> stop

```
# **类图**（Class Diagram）：
```mermaid
classDiagram
    Class01 <|-- AveryLongClass : Cool
    Class03 *-- Class04
    Class05 o-- Class06
    Class07 .. Class08
    Class09 --> C2 : Where am i
    Class09 --* C3
    Class09 --|> Class07
    Class07 : equals()
    Class07 : Object[] elementData
    Class01 : size()
    Class01 : int chimp
    Class01 : int gorilla
    Class08 <--> C2: Cool label

```
# **状态图**（State Diagram）：
```mermaid

stateDiagram
    [*] --> State1
    State1 --> [*]
    State1 : this is a string
    State1 : this is another string
    State1 --> State2
    State2 --> [*]

```
# **Pie 图**（Pie Chart）：
```mermaid
pie
    title Pie Chart
    "Dogs" : 386
    "Cats" : 85
    "Rats" : 15

```
# **饼图**（Flowchart）：
```mermaid
flowchart TD
    A[Start] --> B[Process]
    B --> C{Decision}
    C -->|Yes| D[End]
    C -->|No| E[End]

```
# **网状图**（Network Diagram）：
```mermaid
graph LR
    A[开始] --> B[流程1]
    B --> C{条件判断}
    C -->|是| D[流程2]
    C -->|否| E[结束]
    D --> E


```