Beispiele · Steigungsdiagramm

Steigungsdiagramm: Beispiele

Ein Steigungsdiagramm, auch Slopegraph nach Tufte, zeigt genau zwei Zeitpunkte. Eine Linie pro Zeile verbindet beide Werte und nennt sie an den Enden. Richtung und Überholvorgänge sind ohne Legende sichtbar.

Wann passt es?

  • Zwei Jahre, Umfragen oder Versionen mit mehreren gleichzeitig veränderten Werten
  • Überholvorgänge zeigen: Kreuzende Linien machen Rangwechsel sichtbar
  • Jede Linie soll ihre Werte direkt tragen, ohne separate Legende

Wann passt eine andere Form?

Für mehr als zwei Zeitpunkte passt ein Liniendiagramm. Zu viele Zeilen werden unübersichtlich; beschränke dich auf die wichtigen.

Anwendungsbeispiele

Zwei Umfragen, eine Linie pro Team

Jede Linie verbindet Frühjahrs- und Herbstwert. Zwei von drei steigen. Die Kreuzung zeigt, dass das Produktteam seine Führung verliert.

Mit diesen Daten im Maker öffnen

Spezifikation ansehen 
{
  "type": "slope",
  "theme": "ink",
  "title": "Zufriedenheit nach Team",
  "source": "Interne Umfrage, Frühjahr und Herbst",
  "data": {
    "labels": [
      "Frühjahr",
      "Herbst"
    ],
    "series": [
      {
        "name": "Support",
        "values": [
          31,
          44
        ]
      },
      {
        "name": "Produkt",
        "values": [
          52,
          47
        ]
      },
      {
        "name": "Vertrieb",
        "values": [
          40,
          49
        ]
      }
    ]
  }
}

Budgets zwischen zwei Jahren

Beide Enden nennen den Betrag. Die Linien zeigen zugleich die Richtung der Veränderung.

Mit diesen Daten im Maker öffnen

Spezifikation ansehen 
{
  "type": "slope",
  "theme": "glass",
  "title": "Cloud-Ausgaben nach Umgebung in Tsd.",
  "source": "Fiktive Beispielwerte in Euro; keine aktuellen Produktpreise",
  "options": {
    "format": "affix:[\"\",\" €\"]"
  },
  "data": {
    "labels": [
      "2025",
      "2026"
    ],
    "series": [
      {
        "name": "Produktivbetrieb",
        "values": [
          48,
          61
        ]
      },
      {
        "name": "Testumgebung",
        "values": [
          12,
          9
        ]
      },
      {
        "name": "CI",
        "values": [
          8,
          14
        ]
      }
    ]
  }
}
Dieses Diagramm im Maker öffnen Mit Diagramm-Maker neu beginnen

Häufige Fragen

Was ist ein Steigungsdiagramm?

Zwei senkrechte Achsen zeigen vorher und nachher, eine gerade Linie pro Zeile verbindet die Werte. Edward Tufte nannte die Form Slopegraph. Die beschrifteten Enden ersetzen eine Legende.

Steigungs- oder Liniendiagramm?

Eine Linie zeigt den ganzen Verlauf mit Tiefpunkten, Spitzen und Saisonalität. Ein Steigungsdiagramm behält nur die Endpunkte und erleichtert den Vergleich mehrerer Zeilen.

Steigungs- oder Hanteldiagramm?

Beide zeigen zwei Werte pro Zeile. Hanteln vergleichen die Größe der Abstände auf einer gemeinsamen Skala. Steigungsdiagramme betonen Richtung und Überholvorgänge zwischen zwei Achsen.