📝 Mermaid 代码
👁️ 实时预览
📖 Mermaid 语法帮助

🔷 流程图 (Flowchart)

flowchart TD A[矩形] --> B(圆角矩形) B --> C{菱形} C -->|是| D[结果1] C -->|否| E[结果2] 方向: TD(上到下) LR(左到右)

🔷 时序图 (Sequence)

sequenceDiagram participant A as 用户 participant B as 服务器 A->>B: 请求数据 B-->>A: 返回结果

🔷 类图 (Class)

classDiagram class Animal { +String name +eat() } Animal <|-- Dog

🔷 状态图 (State)

stateDiagram-v2 [*] --> 待机 待机 --> 运行: 启动 运行 --> 待机: 停止 运行 --> [*]: 关闭

🔷 甘特图 (Gantt)

gantt title 项目计划 dateFormat YYYY-MM-DD section 阶段1 任务1 :a1, 2024-01-01, 30d 任务2 :after a1, 20d

🔷 饼图 (Pie)

pie title 销售占比 "产品A" : 40 "产品B" : 30 "产品C" : 30

📚 更多语法

访问 Mermaid 官方文档 了解更多