# Flussdiagramm Generator Glatte Flussdiagramme zur Visualisierung von Zeitreihen-Datenflüssen generieren, perfekt zur Darstellung von Kompositionsänderungen über Zeit mit organischen, fließenden Formen > Kanonische Seite: https://elysiatools.com/de/tools/stream-graph - **Kategorie:** Data Visualization - **Schlagwörter:** Flussdiagramm, Flussdiagramm, Zeitreihen, Datenfluss, glatte Visualisierung, Flächendiagramm, zeitliche Daten, Kompositionsänderung ## Überblick Der Flussdiagramm Generator erstellt glatte, organische Diagramme zur Visualisierung von Zeitreihen-Datenflüssen. Ideal, um Kompositionsänderungen über die Zeit darzustellen, wie z.B. Marktanteile oder Nutzerströme, mit anpassbaren Farben und Glättungsoptionen. ## Eingaben - **Flussdaten** (textarea): Zeitreihen-Daten für das Flussdiagramm. Jede Serie stellt eine fließende Schicht über die Zeit dar. - **Diagrammtitel** (text): Titel, der über dem Diagramm angezeigt wird - **Farbschema** (select): Farbschema auswählen - **Benutzerdefinierte Farben** (text): Benutzerdefinierte Farben für Flüsse (Komma-getrennte Hex-Farben). Überschreibt Farbschema, falls bereitgestellt. - **Fluss-Opazität** (number): Opazität der Flussschichten (0.1 bis 1.0) - **Kurvenglättung** (number): Glattheit der Flusskurven (0.1 bis 1.0, höher = glatter) - **Hintergrundfarbe** (color): Hintergrundfarbe für den Diagramm-Container - **Rasterfarbe** (color): Farbe für die Rasterlinien - **Diagrammhöhe** (number): Höhe des Diagramms in Pixeln - **Maximalwert** (number): Maximalwert für Y-Achse (leer lassen für Auto-Skalierung) - **Minimalwert** (number): Minimalwert für Y-Achse - **X-Achsen-Beschriftung** (text): Beschriftung für die X-Achse (typischerweise Zeit) - **Y-Achsen-Beschriftung** (text): Beschriftung für die Y-Achse - **Rasterlinien anzeigen** (checkbox): Rasterlinien für bessere Lesbarkeit anzeigen - **Werte auf Flüssen anzeigen** (checkbox): Werte innerhalb der Flussschichten anzeigen - **Datenbeschriftungen anzeigen** (checkbox): Datenbeschriftungen an Schlüsselpunkten anzeigen - **Auf 100% normalisieren** (checkbox): Werte in Prozente umwandeln, die relative Beitrag über Zeit zeigen - **Legende anzeigen** (checkbox): Legende unter dem Diagramm anzeigen ## Wann verwenden - Wenn Sie Zeitreihen-Daten mit mehreren Serien visualisieren möchten, um Trends zu erkennen. - Um die relative Zusammensetzung von Daten über die Zeit ästhetisch ansprechend zu zeigen. - Für Berichte oder Präsentationen, die fließende, organische Formen statt eckiger Diagramme erfordern. ## Funktionsweise - Geben Sie Ihre Zeitreihen-Daten im JSON-Format ein, mit 'labels' für Zeitpunkte und 'series' für Datenreihen. - Passen Sie Optionen wie Farbschema, Opazität, Kurvenglättung und Achsenbeschriftungen an. - Generieren Sie das Diagramm als HTML, das Sie herunterladen, einbetten oder weiterverarbeiten können. ## Anwendungsfälle - Analyse des Website-Traffics nach Gerätetyp (Desktop, Mobile, Tablet) über mehrere Monate. - Darstellung von Marktanteilsänderungen in einer Branche über Quartale oder Jahre. - Visualisierung von Energieverbrauchsströmen in einem Smart Grid oder Produktionsprozess. ## Häufig gestellte Fragen ### Welches Datenformat wird für die Eingabe benötigt? JSON mit 'labels' (Array von Zeitbezeichnungen) und 'series' (Array von Objekten mit 'name' und 'data'). ### Kann ich eigene Farben für die Flüsse festlegen? Ja, über die Option 'Benutzerdefinierte Farben' mit kommagetrennten Hex-Codes oder durch Auswahl eines vordefinierten Farbschemas. ### Wie kann ich die Glättung der Kurven anpassen? Nutzen Sie den Schieberegler 'Kurvenglättung' – ein höherer Wert macht die Kurven glatter und organischer. ### Ist das generierte Diagramm responsiv? Das HTML-Diagramm kann in responsive Webseiten eingebettet werden, und die Höhe ist anpassbar. ### Kann ich Werte direkt auf den Flüssen anzeigen? Ja, aktivieren Sie die Option 'Werte auf Flüssen anzeigen', um Datenwerte innerhalb der Schichten darzustellen. ## Ähnliche Tools - [Kalender-Heatmap-Generator](https://elysiatools.com/de/tools/calendar-heatmap): Generieren Sie GitHub-Stil Kalender-Heatmaps zur Visualisierung von Aktivitätsmustern über Zeit, perfekt für die Verfolgung von jährlichen Beiträgen, Gewohnheiten oder Metriken - [Flussdiagramm-Generator](https://elysiatools.com/de/tools/flowchart-maker): Beschreibt Knoten und Verbindungen mit Mermaid-ähnlicher Syntax und erzeugt ein geschichtetes Flussdiagramm - [Gruppiertes Balkendiagramm Generator](https://elysiatools.com/de/tools/grouped-bar-chart): Gruppierte Balkendiagramme erstellen, um mehrere Kategorien nebeneinander zu vergleichen, perfekt für Multi-Kategorie-Vergleiche und vergleichende Analysen - [Euler-Diagramm-Generator](https://elysiatools.com/de/tools/euler-diagram-generator): Anpassbare Euler-Diagramme generieren, um Mengenbeziehungen, Inklusionen und hierarchische Strukturen zu visualisieren - [Flächen diagramm-Generator](https://elysiatools.com/de/tools/area-chart-generator): Erstellen Sie anpassbare Flächendiagramme aus Daten mit gefüllten Bereichen unter Linien, perfekt zur Anzeige von Trends und kumulativen Daten - [Bar Chart Generator](https://elysiatools.com/de/tools/bar-chart-generator): Generate customizable bar charts from data with various styling options - [Boxplot-Generator](https://elysiatools.com/de/tools/box-plot-generator): Boxplots für statistische Verteilungsanalyse mit Quartilen, Whiskern und Ausreißern erstellen - [Blasendiagramm-Generator](https://elysiatools.com/de/tools/bubble-chart-generator): Erstellen Sie anpassbare Blasendiagramme aus Daten mit drei Dimensionen (x, y, Größe) ## Beispiele - [Grafana Fortgeschrittene Anwendungsbeispiele](https://elysiatools.com/de/samples/grafana-samples): Umfassende Grafana-Beispiele für fortgeschrittenes Dashboard-Design, Alerting-Konfiguration, Datenquellen-Integration und Plugin-Entwicklung - [Android Java Bildverarbeitungsbeispiele](https://elysiatools.com/de/samples/android-image-processing-java): Android Java Bildverarbeitungsbeispiele einschließlich Lesen/Schreiben, Skalierung und Formatkonvertierung - [Android Kotlin Bildverarbeitungsbeispiele](https://elysiatools.com/de/samples/android-image-processing-kotlin): Android Kotlin Bildverarbeitungsbeispiele einschließlich Lesen/Schreiben, Skalierung und Formatkonvertierung - [Web Python Bildverarbeitung Beispiele](https://elysiatools.com/de/samples/web-image-processing-python): Web Python Bildverarbeitungsbeispiele mit PIL/Pillow einschließlich Lesen, Speichern, Skalieren und Formatkonvertierung ## Verwandte Inhalte - [Diagramm- und Grafikgeneratoren](https://elysiatools.com/de/hubs/chart-diagram-generators): Erzeuge Balken-, Linien-, Torten-, Ring-, Streu-, Radar-, Gantt-, Sankey-, Heatmap-, Trichter-, Treemap- und viele weitere Diagramme aus eigenen Daten in einem Visualisierungs-Hub. - [Generatoren fur JSON-Schemas, Mock-Daten und API-Fixtures](https://elysiatools.com/de/hubs/json-generate): Gebundelte Werkzeuge fur JSON-Schema-Generierung, Aufbau von Mock-Payloads und Vorbereitung von API-Fixtures in einem Hub. - [Generatoren fur CSS-Effekte, Paletten und Design-Tokens](https://elysiatools.com/de/hubs/design-generate): Gebundelte Werkzeuge fur CSS-Visualeffekte, Palettenaufbau und Design-Token-Generierung in einem Hub. - [Generatoren fur druckbare PDF-Layouts und Vorlagen](https://elysiatools.com/de/hubs/pdf-generate): Gebundelte Werkzeuge fur druckbare PDF-Layout-Erzeugung und wiederverwendbare Dokumentvorlagen in einem Hub.