Sankey-Diagramm lesbar machen: Regeln und Beispiel
Praktische Regeln für ein Sankey, das man lesen kann: weniger Knoten, sinnvolle Reihenfolge, direkte Beschriftung, zurückhaltende Farbe und gedruckte Zahlen. Das Beispiel wendet sie an.
Ein lesbares Sankey hat eine klare Geschichte von links nach rechts, wenige Knoten, geordnete Spalten und Beschriftungen, die ohne Legende verständlich sind. Die meisten unlesbaren Sankeys brechen eine dieser Regeln.
Das Beispiel zeigt ein Haushaltsbudget mit angewandten Regeln: Zwei Einkommensquellen fließen in einen Topf, und der Topf teilt sich in fünf Kategorien auf, ungefähr nach Größe sortiert, mit dem Sammelposten zuletzt. Es gibt nur acht Knoten, und nichts kreuzt sich.
Die folgenden Regeln gelten für jedes Sankey. Sie machen das Diagramm einfacher, nicht hübscher.
Weniger Knoten
Halten Sie jede Spalte bei einer Handvoll Knoten und fassen Sie den Rest unter „Sonstiges“ zusammen. Fünf Bändern kann man folgen, dreißig nicht.
Die Spalten ordnen
Setzen Sie den größten Knoten in jeder Spalte nach oben oder ordnen Sie nach einer sinnvollen Abfolge wie der Zeit. Eine zufällige Reihenfolge erzeugt sich kreuzende Bänder.
Knoten direkt beschriften
Setzen Sie den Namen und bei wichtigen Knoten den Wert neben den Knoten. Wer eine Farbe in einer Legende nachschlagen muss, verliert den Faden.
Farbe sparsam einsetzen
Färben Sie nach Gruppe oder Quelle, nicht jeden Knoten. Heben Sie mit einer Akzentfarbe das Band hervor, von dem Ihre Bildunterschrift spricht.
Einen Befund in einer Zeile ergänzen
Sagen Sie dem Leser, worauf er achten soll. Ein Sankey zeigt viel, und eine Bildunterschrift lenkt auf den wichtigen Teil.
Kernpunkte
- Ein Monatseinkommen von 3.500 € verteilt sich auf fünf Kategorien.
- Wohnen ist mit 1.200 € (34 %) am größten, gefolgt von Sparen mit 700 € (20 %).
- Das Gehalt liefert 86 % des Einkommens (3.000 von 3.500).
- Die Zahlen sind erfunden.
Die Daten des Beispiels
Erfundene Haushaltszahlen, an jedem Knoten ausgeglichen.
| Von | Nach | Menge (€) |
|---|---|---|
| Gehalt | Monatseinkommen | 3000 |
| Sonstiges Einkommen | Monatseinkommen | 500 |
| Monatseinkommen | Wohnen | 1200 |
| Monatseinkommen | Sparen | 700 |
| Monatseinkommen | Essen | 600 |
| Monatseinkommen | Alles andere | 600 |
| Monatseinkommen | Verkehr | 400 |
Dieselben Daten als CSV
source,target,value
Gehalt,Monatseinkommen,3000
Sonstiges Einkommen,Monatseinkommen,500
Monatseinkommen,Wohnen,1200
Monatseinkommen,Sparen,700
Monatseinkommen,Essen,600
Monatseinkommen,Alles andere,600
Monatseinkommen,Verkehr,400So funktioniert es
Auf die Geschichte kürzen
Entfernen oder gruppieren Sie Knoten, die den Befund nicht stützen.
Jede Spalte ordnen
Sortieren Sie nach Größe oder Abfolge, damit sich die Bänder möglichst wenig kreuzen.
Beschriften und färben
Beschriften Sie Knoten direkt und geben Sie der Farbe nur eine Bedeutung.
Eine Bildunterschrift ergänzen
Formulieren Sie den Befund in einer Zeile unter dem Diagramm.
Häufig gestellte Fragen
Soll ich Werte auf den Bändern anzeigen?
Zeigen Sie sie für die wichtigen Flüsse und überlassen Sie den Rest der Tabelle. Zu viele Zahlen überladen das Diagramm.
Warum kreuzen sich meine Bänder?
Meist wegen der Knotenreihenfolge. Das Umsortieren der Knoten innerhalb einer Spalte oder das Zusammenfassen kleiner Knoten beseitigt die meisten Kreuzungen.
Dieses Budget-Sankey bearbeiten
Öffnen Sie das Beispiel als eigenes Diagramm und wenden Sie die Regeln auf Ihre Daten an.