图表

图表渲染依赖 WebView2（Windows 11 以及部分官方软件自带该组件），如果操作中看到相关提示请放心安装。

序列图

示例：

1
2
3
4
5
```sequence
Alice->Bob: Hello Bob, how are you?
Note right of Bob: Bob thinks
Bob-->Alice: I am good thanks!
```

语法说明：https://bramp.github.io/js-sequence-diagrams/

流程图

示例：

1
2
3
4
5
6
7
8
9
10
```flow
st=>start: Start
op=>operation: Your Operation
cond=>condition: Yes or No?
e=>end

st->op->cond
cond(yes)->e
cond(no)->op
```

语法说明：http://flowchart.js.org/

Mermaid 图表

mermaid 支持多种类型的图表，包括流程图、序列图、甘特图、类图等。官方文档：https://mermaid-js.github.io/mermaid/#/

示例:

1
2
3
4
5
6
7
```mermaid
graph LR
A[Hard edge] -->B(Round edge)
    B --> C{Decision}
    C -->|One| D[Result one]
    C -->|Two| E[Result two]
```

思维导图

示例:

1
2
3
4
5
6
7
8
9
10
11
12
```mindmap
# Demo

## Features 

- A
- B

## Links
- C
- D
```

官方文档：https://markmap.js.org/repl