# Mermaid Sankey-Diagramm-Spickzettel

Ein Fluss, in drei Feldern pro Zeile geschrieben.

## Die Grundform

Eine Verbindung pro Zeile: woher sie kommt, wohin sie geht und wie viel. Drei Felder, durch Kommas getrennt.

```mermaid
sankey
  A, B, 10
  A, C, 5
  B, D, 3
```

![Ein Sankey-Diagramm mit vier Knoten, A, B, C und D, und drei Bändern, die sie verbinden.](/diagrams/sankey/basic.svg)

## Namen mit Leerzeichen

Ein Name darf Leerzeichen enthalten. Die Kommas trennen die drei Felder, nicht die Wörter.

```mermaid
sankey
  Coal, Power, 30
  Power, Homes, 20
  Power, Industry, 10
```

![Ein Sankey-Diagramm mit drei Knoten, „Coal“, „Power“ und „Homes“, und zwei Bändern dazwischen.](/diagrams/sankey/names.svg)

## Der Wert ist die Breite

Dieselben drei Felder mit anderen Zahlen ergeben ein anderes Bild — das Band ist so breit wie der Wert.

```mermaid
sankey
  Solar, Grid, 60
  Wind, Grid, 25
  Grid, Homes, 70
  Grid, Industry, 15
```

![Ein Sankey-Diagramm, in dem „Solar“ und „Wind“ einen Knoten „Grid“ speisen und „Grid“ „Homes“ und „Industry“ speist, wobei das Band zu „Homes“ deutlich breiter ist.](/diagrams/sankey/widths.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.