Mermaid 图表预览

编辑和预览 Mermaid 语法图表,支持多种图表类型

📊

请输入 Mermaid 语法代码或选择示例

Mermaid 语法指南

流程图 (Flowchart)

graph TD
  A[开始] --> B{判断}
  B -->|是| C[处理]
  B -->|否| D[结束]
  C --> D
            

时序图 (Sequence Diagram)

sequenceDiagram
  参与者A->>参与者B: 你好吗?
  参与者B->>参与者A: 很好!
            

甘特图 (Gantt)

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

类图 (Class Diagram)

classDiagram
  类A --|> 类B
  类A : +属性1
  类A : +方法1()
  类B : +属性2