Beispiele · Streamgraph

Streamgraph: Beispiele

In diesem fiktiven Musikjahr wächst elektronische Musik im Sommer; im Herbst kehrt Ambient zurück. Die farbigen Schichten zeigen Hörstunden. Steigt die Summe, wird der ganze Strom breiter.

Wann passt es?

  • Saisonale Änderungen in der Zusammensetzung einer gemeinsamen Summe zeigen
  • Mehrere nicht negative Ströme auf derselben Zeitachse verfolgen

Wann passt eine andere Form?

Genaue Werte vergleichst du mit Linien, Periodensummen mit gestapelten Säulen auf gemeinsamer Nulllinie. Ein Streamgraph hat keine gemeinsame Nullbasis; genaue Werte stehen im Tooltip und in der Datentabelle.


Anwendungsbeispiele

Besuche nach Kanal

Fiktive monatliche Besuche. Zwei Kampagnen erzeugen E-Mail-Spitzen, während die Suche über das Jahr wächst.

Mit diesen Daten im Maker öffnen

Spezifikation ansehen
{
  "type": "streamgraph",
  "theme": "editorial",
  "title": "Wie Leser zur Website kamen",
  "source": "Beispieldaten",
  "data": {
    "labels": [
      "Jan",
      "Feb",
      "Mär",
      "Apr",
      "Mai",
      "Jun",
      "Jul",
      "Aug",
      "Sep",
      "Okt",
      "Nov",
      "Dez"
    ],
    "series": [
      {
        "name": "Suche",
        "values": [
          120,
          140,
          160,
          190,
          210,
          240,
          270,
          300,
          330,
          350,
          390,
          420
        ]
      },
      {
        "name": "Direktzugriff",
        "values": [
          80,
          85,
          90,
          88,
          95,
          100,
          105,
          110,
          108,
          115,
          120,
          125
        ]
      },
      {
        "name": "E-Mail",
        "values": [
          30,
          35,
          100,
          50,
          40,
          35,
          45,
          130,
          60,
          45,
          55,
          70
        ]
      }
    ]
  }
}

Supportaufkommen

Fiktive Anfragen. Die Einrichtungsspitze im April klingt ab, während Rechnungsfragen im Dezember zunehmen.

Mit diesen Daten im Maker öffnen

Spezifikation ansehen
{
  "type": "streamgraph",
  "theme": "editorial",
  "title": "Welche Anfragen füllten die Warteschlange?",
  "source": "Beispieldaten",
  "data": {
    "labels": [
      "Jan",
      "Feb",
      "Mär",
      "Apr",
      "Mai",
      "Jun",
      "Jul",
      "Aug",
      "Sep",
      "Okt",
      "Nov",
      "Dez"
    ],
    "series": [
      {
        "name": "Einrichtung",
        "values": [
          35,
          45,
          65,
          90,
          70,
          45,
          30,
          25,
          25,
          30,
          35,
          40
        ]
      },
      {
        "name": "Abrechnung",
        "values": [
          20,
          22,
          21,
          25,
          28,
          27,
          30,
          32,
          35,
          40,
          60,
          80
        ]
      },
      {
        "name": "Anleitung",
        "values": [
          40,
          42,
          44,
          48,
          50,
          52,
          55,
          54,
          52,
          50,
          48,
          45
        ]
      }
    ]
  }
}
Dieses Diagramm im Maker öffnen Mit Streamgraph neu beginnen


Häufige Fragen

Was bedeutet die Mitte eines Streamgraphs?

Die Silhouette zentriert die Gesamtbreite je Zeitraum. Ihre Lage ist eine Gestaltungsentscheidung, kein gemessener Nullpunkt. Die Dicke einer Schicht stellt ihren Wert dar.

Sind fehlende oder negative Werte möglich?

Dieser Maker benötigt in jeder Zelle einen nicht negativen Wert. 0 ist gültig; eine fehlende Beobachtung ist keine 0. Für Lücken verwende ein Liniendiagramm.

Warum kann ich keine Schicht ausblenden?

Das würde einen leeren Streifen hinterlassen und die Summe falsch darstellen. Hebe eine Schicht per Zeiger hervor oder wechsle zu Linien mit steuerbarer Legende.