mailinapp
Documentation menu

Sankey-Block

Proportionale Flussbänder zwischen benannten Knoten — Von-, Zu- und Wert-Zeilen, z. B. Traffic-Quelle → Landingpage → Conversion. Es ist die Form, um nachzuverfolgen, wohin das Volumen fließt, während es sich durch eine Abfolge von Stufen bewegt, wenn die einfache lineare Abfolge eines Trichters nicht ausreicht, um verzweigende Pfade zu zeigen.

Wie es funktioniert

Anders als jedes Geschwisterdiagramm dieser Familie werden die Knoten eines Sankey-Diagramms nicht direkt erfasst — es gibt überhaupt keine „Knoten“-Spalte zum Ausfüllen. Stattdessen ergeben sich Knoten aus den Beschriftungen, die sich über die Spalten Von und Zu wiederholen: Tippen Sie „Besucht“ als Von-Wert in einer Zeile und als Zu-Wert in einer anderen ein, ist es beide Male derselbe Knoten. Auch die Links-nach-rechts-Position jedes Knotens (in welcher vertikalen Ebene er sitzt) wird berechnet, über einen Längster-Pfad-Durchlauf durch den gerichteten Graphen, den Ihre Zeilen beschreiben. Ein Knoten ohne Zufluss beginnt in der äußersten linken Ebene, und jeder andere Knoten sitzt eine Ebene hinter seinem am weitesten stromaufwärts liegenden Vorgänger. Nichts davon positionieren Sie von Hand.

Der Wert jedes Flusses ist eine einfache positive Menge — ein Fluss hat keine sinnvolle „negative“ Ablesung, daher wird ein erfasster Wert von null oder negativ bereits beim Gruppieren verworfen, statt als rückwärts gerichtetes oder breitenloses Band gezeichnet zu werden. Eine Selbstschleife (eine Zeile, deren Von und Zu dieselbe Beschriftung tragen) wird komplett übersprungen, da ein Knoten, der in sich selbst fließt, in einem Links-nach-rechts-Layout kein sinnvolles Band hat. Wiederholte Zeilen, die dasselbe Von-/Zu-Paar beschreiben, werden aufsummiert, nicht überschrieben — zwei Zeilen, die beide „Empfehlung → Angemeldet“ sagen, bedeuten wirklich doppelt so viel Fluss, anders als eine einzelne Messung, die eine spätere Bearbeitung ersetzen sollte.

Die Farbe eines Flusses verwendet standardmäßig die eigene Farbe seines Quellknotens (die übliche „nach Ursprung eingefärbt“-Sankey-Ablesung), sofern Sie sie nicht pro Zeile über die optionale Flussfarbe-Zelle überschreiben. Knotenfarben selbst sind nicht direkt erfassbar — ein Knoten übernimmt einfach den nächsten festen Farbplatz in der Reihenfolge des ersten Auftretens, dieselbe identitätsbasierte Farbzuweisung, die jedes andere Diagramm dieser Familie verwendet.

Über der Knoten- oder Flussgrenze hinaus (12 Knoten, 24 Flüsse) wird ein überzähliger Knoten verworfen, nicht zusammengefasst. Das unterscheidet sich bewusst davon, wie das Kreis- oder Treemap-Diagramm mit Überlauf umgeht. Zwei unterschiedliche Fluss-Endpunkte zu einem synthetischen „Sonstige“-Knoten zusammenzuführen würde falsch darstellen, was das Diagramm tatsächlich zeigt, da es beim Sankey-Diagramm ganz um das Nachverfolgen unterschiedlicher Pfade geht, nicht um die Zusammenfassung eines Anteils an einem Ganzen.

Jeder Fluss, dessen Quelle oder Ziel zusammen mit einem entfernten Knoten wegfiel, wird ebenfalls verworfen. Die Datentabelle listet jedoch weiterhin jede von Ihnen erfasste Zeile auf, unabhängig davon, ob sie es ins gezeichnete Diagramm geschafft hat — einschließlich Flüssen, die ein zyklischer Erfassungsfehler (A → B → A) ungezeichnet, aber trotzdem real lässt. Nichts, was Sie eingegeben haben, verschwindet stillschweigend aus der Ansicht.

Konfigurierbare Felder:

  • Diagrammtitel — optionaler Überschriftentext über dem Diagramm.
  • Flüsse (von, zu, Wert) — die Zeilenliste: eine Von-Beschriftung, eine Zu-Beschriftung, ein numerischer Wert und eine optionale Flussfarbe-Überschreibung pro Fluss.
  • Hintergrundfarbe, Innenabstand, Rahmen und Eckenradius der Karte.
  • Titelfarbe/-größe und Legendenfarbe/-größe — Textgestaltung für die Überschrift und den Legenden-/Tabellentext unter dem Bild.

Wenn noch keine gültigen Fluss-Zeilen erfasst wurden — jede Zeile leer, eine Selbstschleife oder nicht positiv —, lässt der Block das Bild weg. Er rendert nur seinen Titel und den Kartenrahmen, stattdessen mit dem einfachen Hinweis „Fügen Sie mindestens eine Zeile Flussdaten (von, zu, Wert) hinzu, um dieses Diagramm zu rendern“.

Beispiele

Ein Nutzerreise-Diagramm — Besucht → Angemeldet → Gekauft, mit einem zweiten Zweig zu Abgesprungen und einem dritten zu Abgewandert — macht Abbruch und Verzweigung in einem einzigen Bild sichtbar, wo ein Trichter alles in eine einzige Linie zwingen würde. Ein Budgetzuteilungs-Fluss (Umsatz → Abteilungsbudgets → Einzelposten) gibt einer Finanz-Zusammenfassung eine visuelle Nachverfolgung, wohin das Geld Stufe für Stufe fließt. Ein Support-Team kann das Ticketvolumen von Kanal (E-Mail/Chat/Telefon) über Kategorie (Abrechnung/Fehler/Anleitung) bis zur Lösung (gelöst/eskaliert) fließen lassen und so sichtbar machen, welche Kanäle zu welchen Ergebnissen führen.

So sieht der statische Fallback aus

<div style="margin:12px 0;background-color:#ffffff;padding:16px">
  <p style="margin:0 0 8px;font-weight:600;font-size:15px;color:#111827">Signup journey</p>
  <img src="https://mailinapp.com/api/analytics/chart?d=eyJ0eXBlIjoi...&s=3f9a2b1c..." width="560" height="360"
       alt="Flow diagram: Visited to Signed up 120, Visited to Bounced 380, Signed up to Purchased 45, Signed up to Churned 75" />
  <table style="width:100%;border-collapse:collapse;margin-top:4px">
    <tr>
      <th style="text-align:left;padding:4px 8px;font-weight:600">From</th>
      <th style="text-align:left;padding:4px 8px;font-weight:600">To</th>
      <th style="text-align:left;padding:4px 8px;font-weight:600">Value</th>
    </tr>
    <tr>
      <td style="padding:4px 8px">Visited</td>
      <td style="padding:4px 8px">Signed up</td>
      <td style="padding:4px 8px">120</td>
    </tr>
  </table>
</div>

Der Alt-Text listet jedes gezeichnete Flussband auf; die Tabelle listet jede erfasste Zeile auf, einschließlich solcher, die eine Knoten-/Flussgrenze oder ein zyklisches Layout ungezeichnet gelassen hat.

Siehe auch