Mermaid Swimlane-Diagramm-Spickzettel

Ein Ablauf, aufgeteilt in Spuren, eine je Verantwortlichem.

Jedes Bild auf dieser Seite wurde gezeichnet von

Mernyx, dem nativen Mermaid-Editor für macOS. Nicht von einem Browser mit Mermaid.js — demselben Renderer, den die App für ihre Leinwand nutzt.

Spuren

Eine Spur ist ein Subgraph, und der Subgraph-Titel ist der Spurname.

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

Dasselbe Schlüsselwort wie im Flussdiagramm: LR legt die Spuren seitlich, TB stapelt sie.

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

Ein Pfeil zwischen zwei Spuren ist eine Übergabe. Die Übergabe, nicht die Spur, ist das Thema des Diagramms.

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

Die Knotenformen sind die aus dem Flussdiagramm — eine Box, eine Walze, eine Raute.

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