sequence

API 请求时序图

时序图：用户、编辑器与 Mermaid 渲染器交换实时预览请求。

sequenceDiagram
  participant U as 用户
  participant E as 编辑器
  participant M as Mermaid
  U->>E: 编辑源码
  E->>M: 渲染(代码)
  alt 语法正确
    M-->>E: SVG 标记
    E-->>U: 实时预览
  else 解析失败
    M-->>E: 错误信息
    E-->>U: 显示修改提示
  end

sequenceDiagram
  participant U as 用户
  participant E as 编辑器
  participant M as Mermaid
  U->>E: 编辑源码
  E->>M: 渲染(代码)
  alt 语法正确
    M-->>E: SVG 标记
    E-->>U: 实时预览
  else 解析失败
    M-->>E: 错误信息
    E-->>U: 显示修改提示
  end

滚轮缩放 · 拖拽平移

sequenceDiagram
  participant U as 用户
  participant E as 编辑器
  participant M as Mermaid
  U->>E: 编辑源码
  E->>M: 渲染(代码)
  alt 语法正确
    M-->>E: SVG 标记
    E-->>U: 实时预览
  else 解析失败
    M-->>E: 错误信息
    E-->>U: 显示修改提示
  end

时序图能把请求和响应的先后关系说清楚。把参与者名字换成你自己的服务边界即可。