📊 Mermaid 在线编辑器
左侧输入 Mermaid 代码，右侧实时预览图表效果。支持流程图、时序图、甘特图、类图、饼图等。
📝 示例选择：
✏️ 输入代码
👁️ 预览效果
Mermaid 语法快速参考
| 图表类型 | 开头语法 | 说明 |
|---|---|---|
| 流程图 | graph TD / graph LR | 从上到下 / 从左到右 |
| 时序图 | sequenceDiagram | 展示交互顺序 |
| 甘特图 | gantt | 项目排期 |
| 类图 | classDiagram | 类结构/继承关系 |
| 饼图 | pie | 占比统计 |
| 状态图 | stateDiagram-v2 | 状态机 |
| ER 图 | erDiagram | 数据库关系 |
📖 完整教程：Mermaid 图表教程：用代码画流程图、时序图、甘特图