Beispiele · Bump Chart

Bump Chart: Beispiele

Ein Verein kann Punkte gewinnen und trotzdem zurückfallen. Ein Bump Chart zeigt die Reihenfolge, ein Liniendiagramm die Punkte. Diese fiktive Tabelle lässt dich beide Ansichten mit denselben Ausgangswerten vergleichen.

Wann passt es?

  • Ligaplätze, Suchpositionen oder Ranglisten über mindestens drei Zeiträume verfolgen
  • Änderungen der Reihenfolge zeigen, wenn die Größe des Wertabstands zweitrangig ist

Wann passt eine andere Form?

Für Wertabstände verwende Linien, für zwei Zeiträume ein Steigungsdiagramm. Ränge beziehen sich auf die gelieferten Zeilen. Nimm alle relevanten Wettbewerber auf, bevor du die besten N auswählst.

Anwendungsbeispiele

Suchpositionen nach Monat

Die Beispielwerte sind bereits Ränge. Fehlende Beobachtungen unterbrechen die Linie und zählen nicht als letzter Platz.

Mit diesen Daten im Maker öffnen

Spezifikation ansehen 
{
  "type": "bump",
  "theme": "editorial",
  "title": "Suchpositionen von drei Seiten",
  "source": "Beispieldaten",
  "options": {
    "rankMode": "ranks"
  },
  "data": {
    "labels": [
      "Jan",
      "Feb",
      "Mär",
      "Apr",
      "Mai"
    ],
    "series": [
      {
        "name": "Anleitung",
        "values": [
          6,
          5,
          3,
          2,
          1
        ]
      },
      {
        "name": "Checkliste",
        "values": [
          3,
          2,
          null,
          4,
          3
        ]
      },
      {
        "name": "Vergleich",
        "values": [
          5,
          4,
          2,
          1,
          2
        ]
      }
    ]
  }
}

Programmiersprachen in einer fiktiven Umfrage

Stimmen bestimmen die Reihenfolge je Jahr. Der Tooltip nennt Stimmen und Rang. Gleiche Summen teilen sich einen Wettbewerbsrang.

Mit diesen Daten im Maker öffnen

Spezifikation ansehen 
{
  "type": "bump",
  "theme": "editorial",
  "title": "Umfragestimmen nach Programmiersprache",
  "source": "Beispieldaten",
  "options": {
    "rankMode": "values"
  },
  "data": {
    "labels": [
      "2022",
      "2023",
      "2024",
      "2025"
    ],
    "series": [
      {
        "name": "Python",
        "values": [
          320,
          380,
          450,
          510
        ]
      },
      {
        "name": "JavaScript",
        "values": [
          400,
          380,
          420,
          480
        ]
      },
      {
        "name": "Rust",
        "values": [
          180,
          250,
          360,
          490
        ]
      },
      {
        "name": "Go",
        "values": [
          240,
          290,
          350,
          420
        ]
      }
    ]
  }
}
Dieses Diagramm im Maker öffnen Mit Bump Chart neu beginnen

Häufige Fragen

Wie werden Gleichstände eingeordnet?

Im Wertemodus teilen gleiche Werte denselben Rang. Aus 90, 80, 80 und 60 werden die Plätze 1, 2, 2 und 4. Der Modus für fertige Ränge behält die eingegebenen ganzzahligen Positionen.

Was passiert außerhalb der besten N?

Die Linie endet an der letzten enthaltenen Beobachtung und setzt bei der Rückkehr wieder ein. Fehlende Werte erzeugen ebenfalls Lücken. Die Quelltabelle behält alle gelieferten Werte; zusätzliche Positionen werden nicht erfunden.

Kann ich zu einem Liniendiagramm wechseln?

Ja, wenn du Werte eingegeben hast. Die Linie zeigt diese Originalwerte, der Bump Chart deren Ränge. Fertige Ränge enthalten keine zugrunde liegenden Werte; der Maker erklärt deshalb die fehlende Wechselmöglichkeit.