# Mermaid Swimlane-Diagramm-Spickzettel

Ein Ablauf, aufgeteilt in Spuren, eine je Verantwortlichem.

## Spuren

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

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

![Zwei Spuren, „Design“ und „Engineering“, mit einem Schritt „Sketch“ in der einen, verbunden mit einem Schritt „Build“ in der anderen.](/diagrams/swimlane/lanes.svg)

## Richtung

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

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

![Eine Spur namens „Engineering“ mit zwei Schritten, „Alpha“ und „Beta“, von links nach rechts angeordnet.](/diagrams/swimlane/direction.svg)

## Arbeit, die Spuren kreuzt

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

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

![Eine „Frontend“-Spur mit einem Schritt „Click“, der auf eine „Backend“-Spur zeigt, die „Handle“ und „Save“ enthält.](/diagrams/swimlane/crossing.svg)

## Formen in einer Spur

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

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

![Eine „Engineering“-Spur mit einer Box „Build“ und einer Walze „Cache“, die auf eine „Operations“-Spur mit einer Raute namens „Ready“ zeigt.](/diagrams/swimlane/shapes.svg)

## In Mernyx zeichnen

Öffne eine .mmd-Datei, verschiebe einen Knoten auf der Canvas, und der Quellcode kommt mit. Nativ auf macOS, ohne Browser dazwischen.