Diagrammtypen erklärt
Data Race bietet neun verschiedene Diagrammmodi für jeden Datensatz, sowie eine Datentabelle für exakte Zahlen. Jeder Modus hebt einen anderen Aspekt der Daten hervor – Ranglisten, Trends, Zusammensetzung, geografische Muster, Rangverläufe, der Fluss des Ganzen oder der direkte Größenvergleich. Dieser Leitfaden erklärt, was jede Visualisierung zeigt, wie man sie liest und wann sie am nützlichsten ist.
Balkendiagramm-Rennen
Das Balkendiagramm-Rennen ist die Signaturvisualisierung von Data Race. Es zeigt gerankte Einheiten als horizontale Balken, wobei der längste Balken den höchsten Wert darstellt. Wenn die Animation läuft, bewegen sich die Balken auf und ab, um sich ändernde Rankings widerzuspiegeln und einen dynamischen Renneffekt zu erzeugen. Jeder Balken ist farbcodiert und mit dem Entitätsnamen, der Flagge (für Länder) und dem aktuellen Wert beschriftet.
Wann verwenden: Verwenden Sie das Balkendiagramm-Rennen, wenn Sie sehen möchten, wie sich Rankings im Laufe der Zeit ändern. Es ist besonders effektiv beim Vergleich einer moderaten Anzahl von Einheiten (10–20) und beim Erkennen dramatischer Aufstiege oder Abstiege.
- Balkenlänge stellt den Wert dar — längere Balken bedeuten höhere Werte
- Balkenposition zeigt den Rang — oberer Balken ist Rang #1
- Glatte Übergänge zwischen Zeiträumen zeigen Rangänderungen
- Farben sind pro Einheit während der gesamten Animation konsistent
Bump-Diagramm
Das Bump-Diagramm zeigt den Rangverlauf jeder Einheit auf einer 1..N-Achse, wobei Rang #1 oben liegt. Linien bewegen sich auf und ab, wenn sich Rankings ändern, und Kreuzungen markieren Überholmomente. Der Fokus liegt auf der Reihenfolge, nicht auf absoluten Werten — ein knappes Rennen um Platz 1 sieht genauso aus, ob der Abstand ein Dollar oder eine Billion ist. Angeheftete Einheiten werden mit einer helleren Linie und einem Halo um den Punkt hervorgehoben.
Wann verwenden: Verwenden Sie das Bump-Diagramm, wenn die Rangfolge die Geschichte ist — olympische Medaillenstände, die Top-10-Volkswirtschaften über ein Jahrhundert, Ranglisten mit häufigen Positionswechseln. Es ist die klarste Ansicht für 'Wer hat wen wann überholt?'
- Y-Achse ist der Rang: #1 oben, #N unten
- Eine sinkende oder steigende Linie zeigt, dass die Einheit Position gewinnt oder verliert
- Zwei sich kreuzende Linien = eine Einheit überholt eine andere in diesem Zeitraum
- Flache horizontale Linien bedeuten, dass der Rang stabil blieb
- Einheiten außerhalb der sichtbaren Top-N erscheinen als Chips am unteren Rand
Liniendiagramm
Das Liniendiagramm zeichnet den Wert jeder Einheit über die Zeit als kontinuierliche Linie. Alle Einheiten werden auf denselben Achsen angezeigt, was den Vergleich langfristiger Trends erleichtert. Das Diagramm hebt den aktuellen Zeitraum mit einem vertikalen Marker hervor, und Sie können über jeden Punkt fahren, um den genauen Wert zu sehen. Angeheftete Einheiten werden mit dickeren Linien hervorgehoben, während andere in den Hintergrund treten.
Wann verwenden: Verwenden Sie das Liniendiagramm, wenn Sie Trends über die Zeit verfolgen, Wachstumskurven vergleichen oder Kreuzungspunkte identifizieren möchten, an denen eine Einheit eine andere überholt.
- Die Y-Achse zeigt die Wertskala, die X-Achse zeigt Zeiträume
- Jede Linie repräsentiert eine Einheit — verfolgen Sie eine Linie, um ihre Entwicklung zu sehen
- Steilere Steigungen weisen auf schnelleres Wachstum oder Rückgang hin
- Kreuzende Linien zeigen Rangwechsel zwischen Einheiten
Streamgraph
Der Streamgraph stapelt die Rohwerte jeder Einheit als farbige Bänder um eine zentrierte Basislinie und wächst symmetrisch nach oben und unten. Die Gesamthöhe zu jedem Zeitpunkt entspricht dem kombinierten Wert aller Einheiten, sodass Sie Zusammensetzung UND Gesamtgröße gleichzeitig sehen. Beim Abspielen fließt der Stream von links ein — Bänder erscheinen, schwellen an und gleichen sich in einer organischen Masse neu aus. Am besten geeignet für monoton wachsende Datensätze, bei denen das Gesamtbild die Geschichte ist.
Wann verwenden: Verwenden Sie den Streamgraph, wenn Sie das Ganze als eine einzige fließende Form erleben möchten — das Welt-BIP explodiert, während Regionen neu ausbalancieren, das OSS-Ökosystem expandiert, während neue Bibliotheken alte verdrängen, Marktkapitalisierungen wachsen, während Sektoren rotieren.
- Banddicke an jedem Punkt = Rohwert dieser Einheit in diesem Zeitraum
- Gesamthöhe des Diagramms = Summe aller sichtbaren Einheiten (Top-N + Sonstige)
- Bänder erstrecken sich von links, während die Animation läuft — die führende Kante ist der aktuelle Moment
- Die Mitte bleibt bei y=0; das Diagramm wächst symmetrisch nach oben und unten
- Flaggen erscheinen innerhalb jedes Bandes; dünne Bänder werden zu einem Farbstreifen
Kreisdiagramm
Das Kreisdiagramm zeigt die Zusammensetzung der Werte für einen einzelnen Zeitraum. Jedes Segment repräsentiert den Anteil einer Einheit am Gesamtwert. Wenn die Animation läuft, passen sich die Segmentgrößen an, um sich ändernde Proportionen widerzuspiegeln. Das Diagramm ist am informativsten, wenn einige große Einheiten das Gesamtbild dominieren und Konzentrations- oder Diversifizierungsmuster zeigen.
Wann verwenden: Verwenden Sie das Kreisdiagramm, wenn Sie verstehen möchten, welchen Anteil jede Einheit am Gesamtwert hält — zum Beispiel, welche Länder am meisten CO₂ produzieren oder den größten BIP-Anteil haben.
- Segmentgröße stellt den Anteil der Einheit am Gesamtwert dar
- Fahren Sie über ein Segment, um den genauen Prozentsatz und Wert zu sehen
- Kleine Segmente werden in 'Sonstige' gruppiert, um die Lesbarkeit zu erhalten
- Beobachten Sie, wie Segmente im Laufe der Zeit wachsen oder schrumpfen, um Dominanzverschiebungen zu erkennen
Treemap
Der Treemap teilt den Diagrammbereich in Rechtecke auf, deren Größe proportional zum Wert einer Entität ist – je größer der Wert, desto größer das Rechteck. Der d3-treemapResquarify-Algorithmus hält die Formen über Perioden hinweg quadratisch, sodass Rechtecke sanft gleiten und ihre Größe ändern, anstatt chaotisch neu angeordnet zu werden. Entitäten im Long-Tail unterhalb der top-N werden in eine 'Sonstige'-Kachel zusammengefasst, die mit dem Rest wächst und schrumpft.
Wann verwenden: Verwenden Sie den Treemap, wenn die Geschichte 'wie viel des Gesamten jede Entität einnimmt' ist und Sie jede Entität in einem einzigen Frame sehen möchten – kein Scrollen, keine Aufteilung in separate Ansichten.
- Die Rechteckfläche ist proportional zum Wert der Entität
- Das größte Rechteck ist Rang #1 – typischerweise oben links verankert
- Formen bleiben quadratisch, wenn sich das Layout zwischen den Perioden aktualisiert, was die Lesbarkeit bewahrt
- Kacheln unterhalb der top-N sammeln sich in einem 'Sonstige'-Rechteck
- Flagge, Name und Wert befinden sich innerhalb jedes Rechtecks; dünne Kacheln lassen die Flagge weg, um zu passen
Choroplethenkarte
Die Weltkarte färbt Länder entsprechend ihrer Werte mithilfe einer kontinuierlichen Farbskala ein. Dunklere oder intensivere Farben weisen auf höhere Werte hin. Die Karte bietet einen sofortigen geografischen Überblick und hebt regionale Muster und Cluster hervor, die in anderen Diagrammtypen schwer zu erkennen sind. Fahren Sie über ein Land, um seinen Namen, Wert und Rang zu sehen.
Wann verwenden: Verwenden Sie die Weltkarte, wenn Geografie wichtig ist — um regionale Cluster zu identifizieren, Nachbarn zu vergleichen oder zu sehen, wie eine Variable auf den Kontinenten verteilt ist.
- Farbintensität entspricht dem Wert — prüfen Sie die Legende für die Skala
- Graue Länder haben keine Daten für den ausgewählten Zeitraum
- Regionale Muster (z. B. europäischer Cluster, Sub-Sahara-Gürtel) sind leicht erkennbar
- Fahren Sie für genaue Werte; klicken Sie, um ein Land für den Vergleich anzuheften
Blasenkarte
Die Blasenkarte ist eine Proportionalitätssymbolkarte: Jede Entität wird als Kreis gezeichnet, der an ihrem Länder-(oder Regions-)Zentroid verankert ist, wobei der Radius des Kreises proportional zum Wert ist. Die Position ändert sich nie – nur der Radius und die Farbe animieren. Das Ergebnis ist eine geografische Momentaufnahme, die mit der Zeit an Ort und Stelle wächst und schrumpft, wodurch es einfach ist, sowohl 'wo' als auch 'wie groß' in einer Ansicht zu sehen.
Wann verwenden: Verwenden Sie die Blasenkarte, wenn Sie eine einzige Visualisierung wünschen, die Geografie mit Größe kombiniert – zum Beispiel, wenn Sie beobachten, wie sich die Marktkapitalisierung in einigen Küstenstädten der USA konzentriert, während kleinere Blasen in Asien und Europa aufleuchten.
- Die Kreisposition ist am Zentroid jedes Landes fixiert
- Der Kreisradius ist proportional zum Wert in der aktuellen Periode
- Der Wert ist in der Mitte des Kreises platziert (keine Flagge – der Standort identifiziert die Entität)
- Die Farbe folgt der Kategoriepalette der Entität und verblasst, wenn sie aus den top-N herausfällt
- Perioden ohne Daten zeigen keinen Kreis für diese Entität
Blasen
Das Blasen-Diagramm packt jede Entität als frei schwebenden Kreis, dessen Größe durch den Wert bestimmt wird, wobei d3-force Kollisionen auflöst, sodass sich Kreise dicht gruppieren, ohne sich zu überlappen. Das Pack-Layout wird pro Periode neu berechnet und zwischen benachbarten Perioden lerpt (linear interpoliert) für eine reibungslose Animation. Es gibt keine Achsen – die Position hat keine quantitative Bedeutung; nur die Größe tut dies. Eine globale √(value)-Skala sorgt dafür, dass die größte Entität zuverlässig die größte bleibt, während sich die Daten entwickeln.
Wann verwenden: Verwenden Sie das Blasen-Diagramm, wenn Sie einen reinen Größenvergleich wünschen, befreit von Achsen und Geografie – ideal, um auf einen Blick zu sehen, 'welches größer und um wie viel' unter den top-N Entitäten ist.
- Der Kreisradius ist proportional zu √(value) – die größte Entität erhält den größten Kreis
- Die Position ist dekorativ; Kreise driften, aber ihre Pixelposition hat keine Wertbedeutung
- Die Flagge sitzt bei 18px, wenn Platz vorhanden ist; in Kreisen, die kleiner als 4px sind, ist sie ausgeblendet
- Der Aggregationsmodus (Region/Gruppe) zentriert den Wert ohne Flagge
- Die Farbe folgt der Kategoriepalette der Entität
Datentabelle
Die Datentabelle präsentiert alle Werte in einem sortierbaren, scrollbaren Raster. Jede Zeile zeigt eine Einheit mit ihrem Rang, Namen, Wert, globalem Anteil und Jahresveränderung. Im Gegensatz zu animierten Diagrammen zeigt die Tabelle genaue Zahlen, was sie ideal für detaillierte Vergleiche und Datenüberprüfung macht. Sortieren Sie nach beliebiger Spalte, um Spitzenreiter, größte Veränderungen oder bestimmte Einheiten zu finden.
Wann verwenden: Verwenden Sie die Datentabelle, wenn Sie genaue Zahlen statt visueller Eindrücke benötigen — zur Faktenprüfung, für detaillierte Vergleiche oder zum Exportieren von Daten für weitere Analysen.
- Sortieren Sie nach der Spalte 'Wert', um die höchsten oder niedrigsten Einträge zu sehen
- Die Spalte 'Änderung' zeigt Wachstum oder Rückgang gegenüber dem vorherigen Zeitraum
- Verwenden Sie die Spalte 'Anteil', um den Anteil jeder Einheit am weltweiten Gesamtwert zu vergleichen
- Laden Sie die Tabelle als CSV zur Verwendung in Tabellenkalkulationen oder zur Forschung herunter
Das richtige Diagramm wählen
Jeder Diagrammtyp beantwortet eine andere Frage. Das Balken-Diagramm beantwortet 'Wer gewinnt gerade?'. Das Rang-Diagramm beantwortet 'Wer hat wen im Rang überholt?'. Das Linien-Diagramm beantwortet 'Wie hat sich jeder Wert entwickelt?'. Der Streamgraph beantwortet 'Wie fließt das Ganze als Einheit?'. Das Kuchen-Diagramm beantwortet 'Welchen Anteil hat jeder in diesem Moment?'. Der Treemap beantwortet 'Wie viel des Gesamten nimmt jeder ein?'. Die Choroplethenkarte beantwortet 'Wo sind die Werte geografisch am höchsten?'. Die Blasenkarte beantwortet 'Wie groß – und wo?'. Das Blasen-Diagramm beantwortet 'Wie vergleichen sich Rohwerte?'. Und die Tabelle beantwortet 'Was sind die genauen Zahlen?'. Das Wechseln zwischen Ansichten desselben Datensatzes gibt Ihnen ein vollständiges Bild der Daten aus mehreren Blickwinkeln.
- Ranglisten und Wettbewerb → Balken
- Rangverläufe und Überholvorgänge → Rang
- Langfristige Trends und Entwicklungen → Linie
- Zusammensetzung im Zeitverlauf → Streamgraph
- Anteil zu einem Zeitpunkt → Kuchen
- Alle Entitäten in einem Frame → Treemap
- Geografische Muster → Choroplethenkarte
- Geografie + Größe in einer Ansicht → Blasenkarte
- Reiner Größenvergleich → Blasen
- Exakte Werte und Export → Datentabelle