Kategorien

← View All Tools

Stream-Graph-Generator

Schöne Stream-Graphen für Zeitreihendaten mit klaren Linienverbindungen und Basislinienvariationen generieren

Zeitreihendaten für das Stream-Graph. Unterstützt JSON-Array oder einfaches Name:Wert Listenformat

Titel, der über dem Diagramm angezeigt wird

Komma-getrennte Beschriftungen für Zeiträume (optional)

Algorithmus zur Berechnung der Basislinie

Breite des Diagramms in Pixeln

Höhe des Diagramms in Pixeln

Hintergrund-Gitterlinien anzeigen

Reihennamen im Diagramm anzeigen

Hintergrundfarbe für den Diagramm-Container

Wichtige Fakten

Kategorie
Data Visualization
Eingabetypen
textarea, text, select, number, checkbox
Ausgabetyp
html
Sample-Abdeckung
4
API verfügbar
Yes

Überblick

Der Stream-Graph-Generator ermöglicht die schnelle Erstellung ästhetischer, fließender Diagramme zur Visualisierung von Zeitreihendaten, um Trends und Volumenänderungen über verschiedene Kategorien hinweg intuitiv darzustellen.

Wann verwenden

  • •Zur Visualisierung von Volumenänderungen mehrerer Kategorien über einen Zeitverlauf.
  • •Wenn Sie Trends in Daten mit fließenden, organischen Formen statt mit starren Balken darstellen möchten.
  • •Zur Erstellung von Präsentationsgrafiken, die komplexe Datenmengen übersichtlich und visuell ansprechend aufbereiten.

So funktioniert es

  • •Geben Sie Ihre Zeitreihendaten im JSON-Format oder als einfache Name-Wert-Liste in das Eingabefeld ein.
  • •Wählen Sie ein Farbschema und den gewünschten Basislinientyp (Null-Basislinie oder zentriert) aus.
  • •Passen Sie bei Bedarf die Diagrammgröße, Gitterlinien und Beschriftungen an.
  • •Generieren Sie das Diagramm und nutzen Sie die visuelle Darstellung zur Analyse Ihrer Daten.

Anwendungsfälle

Vergleich von Marktanteilen verschiedener Produkte über mehrere Quartale.
Darstellung der Entwicklung von Website-Traffic-Quellen im Zeitverlauf.
Visualisierung von Ressourcenverbrauch oder Auslastung über verschiedene Abteilungen hinweg.

Beispiele

1. Produktverkaufs-Trendanalyse

Marketing-Analyst
Hintergrund
Ein Analyst muss die Verkaufszahlen von drei verschiedenen Produktlinien über acht Monate hinweg vergleichen.
Problem
Herkömmliche Liniendiagramme wirken bei vielen Datenpunkten unübersichtlich.
Verwendung
Daten als JSON-Array eingeben, Farbschema 'vibrant' wählen und die zentrierte Basislinie für eine bessere Vergleichbarkeit der Trends nutzen.
Beispielkonfiguration
{"chartTitle": "Produktverkäufe 2024", "colorScheme": "vibrant", "baselineType": "centered", "showGrid": true}
Ergebnis
Ein fließendes, symmetrisches Diagramm, das die Wachstumsphasen der Produkte klar voneinander abhebt.

2. Server-Auslastung visualisieren

Systemadministrator
Hintergrund
Überwachung der CPU-Auslastung verschiedener Server-Cluster über einen Tag.
Problem
Die Auslastung schwankt stark und muss in einer kompakten, leicht lesbaren Form präsentiert werden.
Verwendung
Zeitreihendaten der Server-Last eingeben, 'cool' als Farbschema wählen und die Null-Basislinie beibehalten.
Beispielkonfiguration
{"chartTitle": "Server-Auslastung", "colorScheme": "cool", "baselineType": "zero", "showLabels": true}
Ergebnis
Ein klares Diagramm, das Lastspitzen und Ruhephasen der Server-Cluster visuell hervorhebt.

Mit Samples testen

json
Grafana Fortgeschrittene Anwendungsbeispiele
Umfassende Grafana-Beispiele für fortgeschrittenes Dashboard-Design, Alerting-Konfiguration, Datenquellen-Integration und Plugin-Entwicklung
preferred input family json
json
PDF-Beispiele
Generierte PDF-Beispiele von Tools zwischen 2026-02-01 und 2026-02-10
preferred input family json
json
WebRTC Echtzeitkommunikation Beispiele
Umfassende WebRTC-Beispiele für P2P Audio/Video-Kommunikation, Datenkanäle, Bildschirmfreigabe und Signalisierungsserver
preferred input family json
json
ELK Stack Log-Analyse Beispiele
Umfassende ELK Stack Beispiele für Log-Aggregation, -Verarbeitung und -Visualisierung in verteilten Systemen
preferred input family json
json

Verwandte Hubs

Json-Generate-Tools
Entdecken Sie 33 json-Tools für generate-Workflows und vergleichen Sie ähnliche Utilities schnell.
Json-Convert-Tools
Entdecken Sie 100 json-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.
Json-Tools
Entdecken Sie 43 json-Tools für utility-Workflows und vergleichen Sie ähnliche Utilities schnell.
Json-Format-Tools
Entdecken Sie 6 json-Tools für format-Workflows und vergleichen Sie ähnliche Utilities schnell.

FAQ

Welche Datenformate werden unterstützt?

Das Tool unterstützt JSON-Arrays oder ein einfaches Textformat, bei dem der Name der Kategorie gefolgt von kommagetrennten Werten angegeben wird.

Was ist der Unterschied zwischen Null-Basislinie und zentriert?

Die Null-Basislinie startet bei 0, während die zentrierte Option die Flächen um eine zentrale Achse ausrichtet, was oft für eine symmetrische Optik sorgt.

Kann ich die Größe des Diagramms anpassen?

Ja, Sie können die Breite (400–1200 Pixel) und die Höhe (300–800 Pixel) individuell festlegen.

Sind die Diagramme für den Druck geeignet?

Die generierten Diagramme sind als HTML-Elemente ideal für digitale Berichte und Präsentationen geeignet.

Wie kann ich die Lesbarkeit verbessern?

Aktivieren Sie die Option 'Gitter anzeigen' und 'Beschriftungen anzeigen', um die Orientierung innerhalb des Diagramms zu erleichtern.

API-Dokumentation

Request-Endpunkt

POST /de/api/tools/stream-graph-generator

Request-Parameter

Parameter-Name Typ Erforderlich Beschreibung
chartData textarea Ja Zeitreihendaten für das Stream-Graph. Unterstützt JSON-Array oder einfaches Name:Wert Listenformat
chartTitle text Nein Titel, der über dem Diagramm angezeigt wird
timeLabels text Nein Komma-getrennte Beschriftungen für Zeiträume (optional)
colorScheme select Nein -
baselineType select Nein Algorithmus zur Berechnung der Basislinie
chartWidth number Nein Breite des Diagramms in Pixeln
chartHeight number Nein Höhe des Diagramms in Pixeln
showGrid checkbox Nein Hintergrund-Gitterlinien anzeigen
showLabels checkbox Nein Reihennamen im Diagramm anzeigen
backgroundColor text Nein Hintergrundfarbe für den Diagramm-Container

Antwortformat

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

MCP-Dokumentation

Fügen Sie dieses Tool zu Ihrer MCP-Server-Konfiguration hinzu: 

{
  "mcpServers": {
    "elysiatools-stream-graph-generator": {
      "name": "stream-graph-generator",
      "description": "Schöne Stream-Graphen für Zeitreihendaten mit klaren Linienverbindungen und Basislinienvariationen generieren",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=stream-graph-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Sie können mehrere Tools verketten, z.B.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, maximal 20 Tools.

Wenn Sie auf Probleme stoßen, kontaktieren Sie uns bitte bei [email protected]