Mermaid 图形绘制

Mermaid是一个基于 JavaScript 的图表绘制工具，它使用文本（类似 Markdown 的语法）来动态生成各种图表。

简单来说，你不需要用鼠标拖拽画图，只需要在代码块里写一段特定的“文字描述”，它就能自动渲染出流程图、时序图、甘特图等复杂图表。

核心特点

• 文本驱动：全部基于代码编写，便于版本控制（Git）和协作。

• 集成广泛：是Markdown生态中最流行的图表工具。在Notion、Obsidian、GitHub、Typora等平台中均可直接识别渲染。

• 免费开源：无需购买 Visio 或 Lucidchart 等商业软件的许可证。

常见图表类型

• 流程图：graph TD; A-->B;

• 时序图：sequenceDiagram; Alice->>John: Hello;

• 甘特图：gantt; title 项目计划;

• 饼图、状态图、用户旅程图、ER图（实体关系图）等。

简单示例：

graph LR A[用户] --> B{是否登录?} B -- 是 --> C[显示仪表盘] B -- 否 --> D[跳转登录页]

使用 Mermaid 官方在线编辑器（最简单，无需安装）可以预览图片