XY-Diagramme
Erstellen Sie Balkendiagramme und Liniendiagramme mit anpassbaren Achsen. Ideal für Datenvisualisierung und Trendanalyse.
Was ist XY-Diagramme?
XY-Diagramme sind vielseitige Datenvisualisierungswerkzeuge, die Datenpunkte in einem zweidimensionalen Koordinatensystem darstellen. Mit Unterstützung für Balken- und Liniendiagramme sind sie grundlegend für die Darstellung von Trends, Vergleichen und Verteilungen. XY-Diagramme gehören zu den am häufigsten verwendeten Diagrammtypen in Geschäftsberichten, wissenschaftlicher Forschung und Datenanalyse.
Bearbeiten und Vorschau
Erstellen Sie ein XY-Diagramme mit Mermaid-Syntax und sehen Sie Änderungen sofort.
Example
XY chart example
A Mermaid XY chart combining bars and a line for monthly diagram exports.
Mermaid code
xychart-beta
title "Monthly Diagram Exports"
x-axis [Jan, Feb, Mar, Apr, May]
y-axis "Exports" 0 --> 100
bar [42, 58, 73, 81, 96]
line [40, 55, 70, 84, 94]Häufige Anwendungsfälle
Trendanalyse
Verfolgen Sie Kennzahlen über die Zeit mit Liniendiagrammen. Visualisieren Sie Wachstumstrends, saisonale Muster und Leistungsentwicklungen.
Vergleichsberichte
Vergleichen Sie Werte über Kategorien hinweg mit Balkendiagrammen. Zeigen Sie Umsatz nach Region, Bewertungen nach Team oder Anzahlen nach Kategorie.
Performance-Dashboards
Erstellen Sie visuelle Zusammenfassungen wichtiger Kennzahlen. Kombinieren Sie Balken und Linien, um sowohl absolute Werte als auch Trends zu zeigen.
Datendokumentation
Binden Sie Diagramme in technische Dokumentation und Berichte ein. Halten Sie Datenvisualisierungen versionskontrolliert neben Textinhalten.
Hauptmerkmale
Balkendiagramme
Erstellen Sie vertikale Balkendiagramme mit benutzerdefinierten Datenwerten und Kategoriebeschriftungen für kategorische Vergleiche.
Liniendiagramme
Stellen Sie kontinuierliche Daten mit Liniendiagrammen dar, um Trends und Veränderungen über die Zeit oder zwischen Kategorien zu zeigen.
Benutzerdefinierte Achsen
Definieren Sie Achsenbeschriftungen, Bereiche und Kategorien. Legen Sie Minimal- und Maximalwerte für eine präzise Datendarstellung fest.
Kombinierte Diagramme
Überlagern Sie Balken- und Liniendiagramme in derselben Visualisierung, um mehrere Datendimensionen gleichzeitig zu zeigen.
Best Practices
Den richtigen Diagrammtyp wählen
Verwenden Sie Balken für kategorische Vergleiche und Linien für Trends über die Zeit. Kombinieren Sie beides, wenn Sie beide Aspekte zeigen.
Achsen klar beschriften
Fügen Sie immer Achsenbeschriftungen mit Einheiten ein. Leser sollten verstehen, was das Diagramm zeigt, ohne zusätzliche Erklärung.
Y-Achse bei Null beginnen
Bei Balkendiagrammen die Y-Achse bei Null beginnen, um irreführende visuelle Proportionen zu vermeiden.
Datenreihen fokussiert halten
Zeigen Sie ein oder zwei Datenreihen pro Diagramm. Zu viele überlappende Reihen machen Diagramme schwer lesbar.
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.
Sankey-Diagramme
Visualisieren Sie Flussmengen zwischen Knoten mit proportionalen Pfeilen. Perfekt für Energieflüsse, Budgetverteilung und Conversion-Funnels.
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.