Zum Inhalt springen
Mernyx
Menü öffnen

Mermaid Sankey-Diagramm-Spickzettel

Ein Fluss, in drei Feldern pro Zeile geschrieben.

Jedes Bild auf dieser Seite wurde gezeichnet vonMernyx, dem nativen Mermaid-Editor für macOS. Nicht von einem Browser mit Mermaid.js — demselben Renderer, den die App für ihre Leinwand nutzt.

Die Grundform

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

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.Diagramm vergrößern

Namen mit Leerzeichen

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

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.Diagramm vergrößern

Der Wert ist die Breite

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

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.Diagramm vergrößern

In Mernyx zeichnen

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

Diagrammvorschau