Mermaid 泳道图速查表

泳道

一条泳道就是一个子图，子图的标题就是泳道的名字。

swimlane-beta TB
  subgraph Engineering
    a[Build]
  end
  subgraph Design
    b[Sketch]
  end
  b --> a

和流程图同一个关键字：LR 让泳道横着走，TB 把它们竖着叠起来。

swimlane-beta LR
  subgraph Engineering
    a[Alpha]
    b[Beta]
  end
  a --> b

两条泳道之间的箭头是一次交接。图讲的是这次交接，不是泳道本身。

swimlane-beta TB
  subgraph Frontend
    ui[Click]
  end
  subgraph Backend
    api[Handle]
    db[Save]
  end
  ui --> api
  api --> db

节点形状就是流程图里那些——方框、圆柱、菱形。

swimlane-beta TB
  subgraph Engineering
    a[Build]
    b[(Cache)]
  end
  subgraph Operations
    c{Ready?}
  end
  a --> c