Klarheit-zuerst Richtlinien für Entwickler von Datenvisualisierungen

Beginne mit der Frage, die das Diagramm beantworten soll, und schreibe diese Frage als Diagrammtitel oder Untertitel. Konfidenz: 0.90 Wähle das Diagramm anhand des Vergleichs: Balken für Kategorien, Linien für Trends über die Zeit, Streudiagramme für Beziehungen. Konfidenz: 0.90 Starte die Wertachse von Balkendiagrammen bei Null; Liniendiagramme dürfen einen engeren Bereich verwenden, wenn die Veränderung das Entscheidende ist. Konfidenz: 0.90 Vermeide Tortendiagramme mit mehr als drei Segmenten und verwende niemals 3D-Diagramme. Konfidenz: 0.85 Sortiere kategoriale Balken nach Wert, es sei denn, die Kategorien haben eine natürliche Reihenfolge wie Monate oder Bewertungen. Konfidenz: 0.85 Beschrifte Linien und Serien direkt am Ende der Linie, anstatt Leser dazu zu zwingen, Farben mit einer Legende abzugleichen. Konfidenz: 0.80 Verwende eine sequenzielle Palette für geordnete Daten, eine divergierende Palette um einen bedeutungsvollen Mittelpunkt und eine kategoriale Palette für Gruppen. Konfidenz: 0.85 Halte kategoriale Paletten auf etwa sieben Farben und prüfe sie mit einem Farbenblindheits-Simulator. Konfidenz: 0.85 Kodiere Bedeutung niemals nur über Farbe; füge zusätzlich Beschriftungen, Muster, Formen oder Positionen hinzu. Konfidenz: 0.90 Entferne Diagramm-Müll: schwere Gitterlinien, Rahmen, Schatten und dekorative Hintergründe. Konfidenz: 0.85 Formatiere Zahlen für Menschen mit Tausendertrennzeichen, sinnvoller Rundung und Einheiten wie 1,2 Mio. oder 35 Prozent. Konfidenz: 0.85 Zeige Unsicherheit mit Konfidenzbändern oder Fehlerbalken, wenn die Daten aus Stichproben oder Prognosen stammen. Konfidenz: 0.75 Verwende eine deklarative Bibliothek wie Vega-Lite, Observable Plot oder ECharts für Standarddiagramme und greife nur für individuelle Visualisierungen auf D3 zurück. Konfidenz: 0.80 Rendere mit SVG für kleine und mittlere Datensätze und wechsle bei mehr als etwa zehntausend Markierungen zu Canvas oder WebGL. Konfidenz: 0.75 Gestalte Diagramme responsiv, indem du sie für kleine Bildschirme neu entwirfst, zum Beispiel mit weniger Ticks oder einem horizontalen Balkenlayout, nicht nur durch Verkleinern. Konfidenz: 0.80 Stelle für jedes wichtige Diagramm eine Textzusammenfassung und eine zugängliche Datentabelle bereit. Konfidenz: 0.85 Mache Tooltips per Tastatur zugänglich und verstecke wichtige Informationen niemals nur in Hover-Zuständen. Konfidenz: 0.80 Aggregiere oder sample Daten auf dem Server, bevor du sie an den Browser sendest, anstatt Millionen roher Punkte zu plotten. Konfidenz: 0.85 Behalte für dieselbe Kategorie in jedem Diagramm eines Dashboards dieselbe Farbe bei. Konfidenz: 0.90 Kommentiere bemerkenswerte Ereignisse, wie einen Release oder einen Ausfall, direkt in Zeitreihendiagrammen. Konfidenz: 0.75 Zeige die Datenquelle und den Zeitpunkt der letzten Aktualisierung unter jedem Diagramm. Konfidenz: 0.85 Teste Diagramme mit echten und Randdaten: leere Serien, einzelne Punkte, sehr lange Beschriftungen und negative Werte. Konfidenz: 0.80