Sankey-Diagramme
Visualisieren Sie Flussmengen zwischen Knoten mit proportionalen Pfeilen. Perfekt für Energieflüsse, Budgetverteilung und Conversion-Funnels.
Was ist Sankey-Diagramme?
Sankey-Diagramme sind Flussdiagramme, bei denen die Breite der Pfeile proportional zur dargestellten Flussmenge ist. Sie eignen sich hervorragend, um zu zeigen, wie Mengen durch ein System fließen, sich aufteilen und zusammenführen. Benannt nach dem irischen Kapitän Matthew Sankey, sind diese Diagramme unschätzbar wertvoll für die Visualisierung von Energietransfers, Budgetflüssen, Conversion-Funnels und jedem Prozess, bei dem das Verständnis proportionaler Flüsse wichtig ist.
Bearbeiten und Vorschau
Erstellen Sie ein Sankey-Diagramme mit Mermaid-Syntax und sehen Sie Änderungen sofort.
Example
Sankey diagram example
A Mermaid sankey diagram showing how editor exports flow into documentation uses.
Mermaid code
sankey-beta
Editor,PNG export,42
Editor,SVG export,28
Editor,PDF export,18
Editor,JPG export,12
PNG export,Documentation,35
SVG export,Website,22
PDF export,Presentation,15Häufige Anwendungsfälle
Conversion-Funnel-Analyse
Visualisieren Sie den Nutzerfluss durch Marketing- oder Vertriebstrichter. Sehen Sie, wo Nutzer abspringen und wie sich Traffic in jeder Phase konvertiert.
Energiefluss-Visualisierung
Zeigen Sie, wie Energie erzeugt, umgewandelt und in einem System verbraucht wird. Verfolgen Sie Verluste und Effizienz in jeder Phase.
Budget- und Kostenflüsse
Veranschaulichen Sie, wie Geld von Einnahmequellen über Abteilungen zu Ausgaben fließt. Machen Sie Finanzverteilungen intuitiv verständlich.
Lieferketten-Abbildung
Verfolgen Sie Materialien und Produkte von Lieferanten über die Fertigung bis zur Distribution. Visualisieren Sie Mengen in jeder Phase.
Hauptmerkmale
Proportionale Pfeile
Die Pfeilbreite skaliert automatisch zur Darstellung von Flussmengen, wodurch relative Volumen sofort sichtbar werden.
Knotenbeschriftungen
Definieren Sie Quell- und Zielknoten mit beschreibenden Beschriftungen, um jede Phase oder Entität im Fluss zu identifizieren.
Mehrfachflüsse
Zeigen Sie Flüsse, die sich von einer Quelle zu mehreren Zielen aufteilen, oder mehrere Quellen, die zu einem Ziel zusammenführen.
Einfache CSV-ähnliche Syntax
Definieren Sie Flüsse mit intuitiven Quelle-Ziel-Wert-Tripeln, die einfach zu schreiben und zu pflegen sind.
Best Practices
Fluss von links nach rechts
Ordnen Sie das Diagramm so an, dass Flüsse von links nach rechts verlaufen und der natürlichen Leserichtung und zeitlichen Abfolge entsprechen.
Aussagekräftige Knotennamen verwenden
Beschriften Sie Knoten klar, damit Leser sofort verstehen, was jede Phase oder Entität repräsentiert.
Komplexität begrenzen
Halten Sie die Anzahl der Flüsse und Knoten überschaubar. Zu viele sich kreuzende Pfeile verringern die Lesbarkeit.
Datengenauigkeit sicherstellen
Überprüfen Sie, ob die Flusswerte korrekt sind, da die visuellen Proportionen den Lesern direkt Mengen vermitteln.
Weitere Diagrammtypen erkunden
Flussdiagramme
Visualisieren Sie Prozesse, Arbeitsabläufe und Algorithmen mit Knoten und gerichteten Pfeilen. Perfekt für Geschäftsprozesse und Entscheidungsbäume.
Sequenzdiagramme
Dokumentieren Sie Interaktionen zwischen verschiedenen Akteuren oder Systemen im Zeitverlauf. Ideal für API-Dokumentation und Systemdesign.
Klassendiagramme
Modellieren Sie objektorientierte Systeme mit Klassen, Attributen und Beziehungen. Unverzichtbar für die Planung von Softwarearchitekturen.
Zustandsdiagramme
Stellen Sie Zustandsübergänge in Systemen oder Anwendungen dar. Hervorragend geeignet für die Modellierung von Lebenszyklen und Arbeitsabläufen.
Gantt-Diagramme
Planen und verfolgen Sie Projektzeitpläne mit Aufgaben und Abhängigkeiten. Perfekt für Projektmanagement und Terminplanung.
ER-Diagramme
Entwerfen Sie Datenbankschemata mit Entitäten und Beziehungen. Ideal für Datenbankmodellierung und Dokumentation.
User Journey
Bilden Sie Benutzererfahrungen und Interaktionen über verschiedene Berührungspunkte ab. Hervorragend für UX-Design und Customer-Journey-Mapping.
Git-Graphen
Visualisieren Sie Git-Branching-Strategien und Commit-Historien. Hilfreich zur Erklärung von Versionskontroll-Workflows.
Mindmaps
Organisieren Sie Ideen, brainstormen Sie Konzepte und erstellen Sie hierarchische visuelle Strukturen. Perfekt für Planung und Wissensabbildung.
Kreisdiagramme
Zeigen Sie proportionale Datenverteilungen mit kreisförmigen Diagrammen an. Ideal für Prozentangaben und Marktanteile.
Zeitleisten
Visualisieren Sie chronologische Ereignisse und Meilensteine entlang einer Zeitachse. Ideal für Projekthistorien und Roadmaps.
Kanban-Boards
Organisieren Sie Aufgaben in Spalten, die Workflow-Phasen darstellen. Perfekt für agiles Projektmanagement und Aufgabenverfolgung.
Quadrantendiagramme
Plotten Sie Elemente auf einem Zwei-Achsen-Raster zum Vergleichen und Priorisieren. Ideal für Feature-Priorisierung und strategische Analyse.
XY-Diagramme
Erstellen Sie Balkendiagramme und Liniendiagramme mit anpassbaren Achsen. Ideal für Datenvisualisierung und Trendanalyse.
Blockdiagramme
Erstellen Sie strukturierte Layouts mit Blöcken in Spalten und Zeilen. Ideal für Systemarchitektur und Komponentenübersichten.
Architekturdiagramme
Entwerfen Sie Cloud- und Systemarchitekturen mit Service-Icons und Verbindungen. Perfekt für Infrastrukturdokumentation.
Paketdiagramme
Visualisieren Sie Netzwerkprotokoll-Paketstrukturen mit Bit-Level-Feldlayouts. Unverzichtbar für Netzwerkprotokolldokumentation.