Design Lab · 02 · Statistical Graphics

Edward Tufte

Der Mann, der Daten ehrlich machen wollte. Jeder Pixel muss verdient sein — oder weg damit.

"Above all else show the data."

Edward Tufte · The Visual Display of Quantitative Information · 1983

01 · Kernprinzip

Data-Ink Ratio

Jeder Tropfen Tinte muss Daten tragen. Was keine Daten zeigt, darf nicht da sein.

✕ Niedrige Ratio

Gradient, Schatten, graue Fläche — alles Dekoration.

✓ Hohe Ratio

Nur Balken, nur Basislinie. Alles andere weggelassen.

Tufte misst es so: Data-Ink Ratio = Datentinte ÷ gesamte Tinte. Das Ziel ist immer 1. Jeder Pinselstrich, der kein Datum trägt, ist ein Dieb — er stiehlt Aufmerksamkeit von dem, was zählt.

Das bedeutet: keine dekorativen Rahmen, keine Gitter die die Balken überschatten, keine 3D-Effekte die Vergleiche erschweren. Nur das Signal.

Takeaway Für jedes Element in einer Visualisierung fragen: "Zeigt das ein Datum?" Wenn nicht — löschen.
Bewertung:

02 · Fehlervermeidung

Chartjunk

Moiré-Muster, dekorative Rastertexturen, überflüssige Achsenlinien — der visuelle Lärm, der Bedeutung maskiert.

📊

Tufte vs. Junk — Klassisches Gegenpaar

Tuftes "The Visual Display of Quantitative Information" (1983) zeigt auf Seite 107 den Ur-Vergleich: dasselbe Diagramm einmal mit und einmal ohne Chartjunk. Der Inhalt ist identisch — die Lesbarkeit Welten entfernt.

Quelle: Edward Tufte, The Visual Display of Quantitative Information (1983)

Chartjunk kommt in drei Formen: Moiré-Vibrationen (Streifenmuster die optische Unruhe erzeugen), das Gitter (horizontale Linien die Vergleiche angeblich erleichtern, aber tatsächlich überlagern), und die Ente — wenn das Diagramm selbst zur dekorativen Figur wird.

Tufte zitiert Nigel Holmes' berühmte "Monsters of Rock"-Grafik: Das Diagramm ist eine Figur, die Rockkonzert-Menge darstellt. Faszinierend — aber die Daten? Vergessen.

Takeaway Moiré weg. Gitter weg oder auf .1 Opazität gesetzt. Dekorative Illustrationen haben in Datenvisualisierungen nichts verloren.
Bewertung:

03 · Erfindung

Sparklines

Datenreiche, wortgroße, wortbreite Grafiken — eingebettet in den Fließtext. Tufte hat sie erfunden.

Sparkline-Demo — Wortgroß im Kontext

Die Temperatur in Berlin über sieben Tage: ↑ 18°C — Tendenz steigend.

DAX in den letzten 30 Tagen: ↑ +2.4% seit Monatsbeginn.

CO₂-Ausstoß 2000–2024: stetig ansteigend, kein Knick sichtbar.

Tufte hat Sparklines in "Beautiful Evidence" (2006) vorgestellt. Die Idee: statt ein separates Diagramm in einem Extra-Fenster zu öffnen, trägt der Text seinen Kontext selbst. Die Grafik ist nicht größer als ein Wort — aber sie sagt mehr als zwei Sätze.

Heute sind Sparklines Standard in Finance-Dashboards, Medical Records, Monitoring-Tools. Tufte hat das Konzept geprägt bevor es einen Namen hatte.

Takeaway Überall dort wo wir sagen "Trend steigt" oder "Wert fiel zuletzt" — dort gehört eine Sparkline hin, kein separates Diagramm.
Bewertung:

04 · Vergleich

Small Multiples

Dasselbe Format, viele Male. Das Auge vergleicht — nicht der Verstand.

Wachstumskurven — 6 Länder, ein Format

DE FR JP US CN BR

Tufte nennt Small Multiples "the most powerful tool for the analysis of relationships among multiple variables." Warum? Weil unser visuelles System Unterschiede zwischen gleichartigen Objekten extrem schnell wahrnimmt.

Statt sechs überlagerte Linien in einem Diagramm — Chaos, Legende notwendig, Farben verwechselbar — zeigen sechs winzige identische Diagramme sofort: wer wächst, wer stagniert, wer fällt.

Takeaway Wenn man vergleichen will: Small Multiples. Wenn man Korrelation sucht: kombiniertes Diagramm. Der Vergleich geht fast immer an Small Multiples.
Bewertung:

05 · Integrität

Lie Factor

Die visuelle Vergrößerung darf nicht größer sein als die Datenveränderung. Wenn sie es ist, lügt die Grafik.

✕ Lie Factor > 1

2020
100
2024
120

+20% Daten → 9× größere Fläche. Lie Factor = 9

✓ Lie Factor = 1

100
120

+20% Daten → 20% mehr Balkenhöhe. Ehrlich.

Lie Factor = Größe des Effekts im Bild ÷ Größe des Effekts in den Daten. Ein Wert von 1.0 ist ehrlich. Alles andere täuscht — oft unabsichtlich, aber immer zum Nachteil des Lesers.

Häufige Täter: Kreisdiagramme die in 3D gedreht werden (die vorderen Segmente erscheinen größer), Balken die nicht bei Null beginnen (50% Unterschied sieht aus wie 500%), und Blasendiagramme die Radius statt Fläche kodieren.

Takeaway Balken immer bei 0 beginnen. Flächen proportional zu Daten halten. Kein 3D für 2D-Daten.
Bewertung:

06 · Kodierung

Multifunktionale Farbe

Farbe soll gleichzeitig mehrere Aufgaben erfüllen — Label, Quantität, Struktur. Nie nur Dekoration.

Tufte ist skeptisch gegenüber Farbe — nicht weil Farbe schlecht ist, sondern weil sie meistens falsch eingesetzt wird. Farbe als Dekoration ("die Balken sollen bunter aussehen") ist Verschwendung. Farbe als Kodierung ist Präzisionswerkzeug.

Sein Prinzip: Eine Farbe muss mindestens zwei Dinge gleichzeitig kodieren. In einer Karte: Temperatur (Intensität) und Kategorie (Farbton). In einem Diagramm: Gruppe (Farbton) und Status (Sättigung). Wenn Farbe nur eines macht, prüfen ob sie nötig ist.

Ein Farbton — drei Aussagen gleichzeitig

tief
mittel
hoch
max

Farbton = Kategorie. Sättigung = Quantität. Position = Reihenfolge. Drei Dimensionen, eine Achse.

Takeaway Vor jeder Farbe fragen: Was kodiert sie? Wenn die Antwort "nichts" oder "sieht besser aus" ist — entfernen.
Bewertung:

07 · Auflösung

Micro / Macro Readings

Auf Distanz das Gesamtmuster. Nah das Einzeldetail. Eine gute Visualisierung erlaubt beides gleichzeitig.

Tufte beschreibt dieses Phänomen am Beispiel von Minards Napoleon-Karte (die er für die beste Statistikgrafik aller Zeiten hält): Aus der Ferne sieht man den Feldzug als Streifen — Aufmarsch in Braun, Rückzug in Schwarz, immer kleiner werdend. Nah am Detail erkennt man Temperaturangaben, Kreuzungspunkte, Datum.

Micro-Reading: einzelne Datenpunkte, Namen, Werte. Macro-Reading: Trends, Muster, Anomalien, Gesamtbild. Beides in derselben Grafik — das ist das Ideal.

Takeaway Für Cockpits gilt dasselbe: Auf einen Blick den Gesamtstatus. Auf Klick das Detail. Nie nur das eine oder das andere.
Bewertung:

08 · Kontext

Context-Setting

Eine Zahl ohne Kontext ist keine Information. Sie ist Rauschen.

Tufte: "Compared to what?" ist die wichtigste Frage in der Datendarstellung. Wenn man sagt "18°C heute in Berlin" — ist das warm? Normal? Ungewöhnlich? Die Zahl alleine sagt nichts. Der Kontext macht sie zur Information.

Context-Setting bedeutet: immer den Vergleichsrahmen mitliefern. Vorjahr. Durchschnitt. Ziel. Histogramm der Verteilung. Ohne diesen Rahmen gibt es keine Aussage, nur Ziffern.

Takeaway Zu jeder Zahl im Cockpit: Was ist der Vergleichswert? Vorgestern, Vorwoche, Zielwert — einer davon muss immer dabei sein.
Bewertung:

09 · Struktur

Layering & Separation

Jede Schicht trägt ihre eigene Information. Sie überlagern sich — aber sie stören sich nicht.

Tufte beschreibt die Kunst des Layering: mehrere Informationsebenen in einer Grafik, die sich ergänzen ohne sich zu verdecken. Ein Beispiel: eine Karte mit Bevölkerungsdichte als Hintergrundton, Bahnlinien als Linienebene, Bahnhöfe als Punktebene, Bahnhofsnamen als Textebene.

Das Gegenteil ist ein Diagramm, in dem alle Elemente dieselbe Gewichtung haben — alles kämpft gleichzeitig um Aufmerksamkeit. Layering heißt: Hierarchie durch visuelle Trennung.

Takeaway Primäre Elemente: 100% Kontrast. Sekundäre: 40%. Tertiäre: 15%. Das Auge findet seinen Weg ohne Legende.
Bewertung:

10 · Optische Physik

1 + 1 = 3

Zwei nebeneinanderstehende Elemente erzeugen automatisch ein drittes — den Zwischenraum. Er ist immer da. Die Frage ist nur, ob man ihn kontrolliert.

Tufte übernimmt dieses Prinzip aus der Typographie. Wenn zwei Linien nebeneinander stehen, erzeugt ihr Abstand eine dritte, implizite Form — den Zwischenraum, den "white space". Das ist unvermeidlich. Das menschliche Auge sieht ihn, ob man will oder nicht.

Konsequenz: Jeder Zwischenraum muss bewusst gesetzt sein. Unkontrollierter white space zerfällt in optisches Chaos. Kontrollierter white space strukturiert, trennt, gruppiert.

Takeaway Abstände sind keine Lücken. Sie sind aktive Gestaltungselemente. Gleiche Abstände = Zusammengehörigkeit. Ungleiche = Trennung.
Bewertung:

11 · Narration

Narrativer Kontext

Die besten Datenvisualisierungen erzählen eine Geschichte. Nicht eine beliebige — die Geschichte, die in den Daten steckt.

Tufte über John Snow's Cholera-Karte von 1854: Snow hat nicht einfach Todesfälle auf eine Karte gemalt. Er hat eine Hypothese visualisiert — dass Cholera wassergebunden ist und vom Broad Street Pump ausgeht. Die Karte war kein Bericht über vergangenes Leiden, sondern ein Argument für eine Handlung: die Pumpe abdrehen.

Das ist narrativer Kontext: die Visualisierung führt zu einer Schlussfolgerung. Sie ist kein neutrales Protokoll — sie ist ein Argument.

Takeaway Jedes Cockpit-Element sollte eine implizite Frage beantworten: "Und was soll ich jetzt tun?" — wenn es die nicht beantwortet, fehlt der narrative Kontext.
Bewertung:

12 · Dichte

High Data Density

Das menschliche Auge kann enorme Mengen an Informationen verarbeiten — wenn sie gut organisiert sind. Wir unterschätzen unsere eigene Kapazität.

Tufte liebt Dichte. Nicht Unübersichtlichkeit — sondern die bewusste Verdichtung von Information auf kleinem Raum. Ein Beispiel: die New York Times Wetterkarte, die täglich Temperatur, Niederschlag, Wind und Sonderwetterereignisse für die gesamten USA auf einer halben Zeitungsseite zeigt.

Menschen können das lesen. Menschen können das genießen. Tufte: "Confusion and clutter are failures of design, not attributes of information." Die Information ist nicht das Problem. Das Design ist das Problem.

Takeaway Lieber ein gut organisiertes, dichtes Dashboard als ein leeres, das wichtige Information versteckt oder weglässt.
Bewertung:

13 · Raster

Das Grid befreit

Ein konsequentes Rastersystem macht Designentscheidungen überflüssig. Es schafft Ruhe — nicht Einschränkung.

Tufte setzt ein strenges Grid in all seinen Büchern — und dann füllt er es bis zum Rand. Weil das Grid die Fragen "Wo kommt das hin?" und "Wie groß soll das sein?" ein für alle Mal beantwortet, bleibt Energie für die wirkliche Frage: "Was zeige ich?"

Der Irrtum: Menschen glauben, ein Grid schränkt ein. Das Gegenteil ist wahr. Ein schlechtes Grid schränkt ein. Ein gutes Grid gibt Freiheit — weil innerhalb eines konsistenten Systems jede Abweichung Bedeutung trägt.

Takeaway Ein Grid zuerst, dann bauen. Nie eine Komponente ohne Anker im Rastersystem.
Bewertung:

14 · Meisterwerk

Minards Napoleon-Karte

Die vielleicht beste Statistikgrafik aller Zeiten. Sechs Variablen in zwei Dimensionen — und eine Geschichte die keine Worte braucht.

Minard's Napoleon Campaign Map
Charles Joseph Minard, 1869 · Carte figurative des pertes successives en hommes de l'armée française dans la campagne de Russie

Tufte sagt: Diese Karte verdient ihren Ruf. Minard zeigt auf einer einzigen Fläche: Geographischen Weg (wo die Armee marschierte), Truppenstärke (Bandbreite = Männer, von 422.000 auf 10.000), Richtung (braun = Aufmarsch, schwarz = Rückzug), Zeitstempel an Kreuzungspunkten, Temperatur während des Rückzugs, und Flussüberquerungen.

Das ist keine Rekordleistung in Datendichte. Das ist Erzählung. Die Geschichte des Niedergangs ist nicht in den Zahlen — die Zahlen sind die Geschichte.

Takeaway Wenn die Geschichte in den Daten so klar ist wie hier — lass sie sprechen. Kein Kommentar nötig. Keine Erklärung. Die Grafik genügt.
Bewertung:

15 · Warnung

Die PowerPoint-Falle

Bullet Points fragmentieren Gedanken. Sie zerstören Kausalität. Sie sind das Format, das am meisten vorgibt zu informieren, es aber am wenigsten tut.

Tuftes Essay "The Cognitive Style of PowerPoint" (2003) ist eine Abrechnung. Er analysiert das NASA Columbia-Unglück: Ingenieure hatten die kritischen Warnhinweise zu Hitzeschild-Schäden in PowerPoint-Folien gepackt. Der Fehler war im Rauschen der Bullets versteckt. Hätte man einen vollständigen Bericht geschrieben, wäre der Fehler sichtbar gewesen.

Bullets erzwingen eine Struktur, die keine Kausalität zeigt. "A führt zu B, weil C" wird zu drei Bullets, die unverbunden nebeneinanderstehen. Die Verbindung — das wichtigste — verschwindet.

Takeaway Fließtext für Argumentation. Tabellen für Vergleiche. Grafiken für Muster. Bullets nur für echte Listen ohne Kausalität.
Bewertung:

16 · Grundgesetz

Above All Else Show the Data

Der erste Satz in "The Visual Display of Quantitative Information". Sieben Wörter. Ein ganzes Designprogramm.

Tufte meint es wörtlich: Wenn man gezwungen ist zu wählen zwischen ästhetischer Schönheit und Datenintegrität — Datenintegrität gewinnt immer. Ein hässliches aber ehrliches Diagramm ist besser als ein schönes aber lügendes.

Das ist radikal. Denn die meisten Menschen machen es umgekehrt: erst schön machen, dann schauen ob die Daten noch passen. Tufte dreht den Prozess um. Erst Daten. Dann Design. Design dient den Daten — niemals umgekehrt.

Takeaway Design-Entscheidungen immer in dieser Reihenfolge: Was sind die Daten? Was ist die Aussage? Wie zeige ich das am klarsten? Dann erst: Wie sieht das gut aus?
Bewertung:

17 · Form

Tableaux

Die Tabelle ist die unterschätzte Königsdisziplin. Richtig gemacht, schlägt sie jedes Diagramm an Informationsdichte.

Tufte ist ein großer Verteidiger der gut gestalteten Tabelle. Nicht die Excel-Defaults mit dicken Gittern und Zebra-Streifen. Sondern die klassische typografische Tabelle: minimale Linien, klare Ausrichtung, konsistente Schrift, durchdachte Hierarchie.

Eine Tabelle kann hundert Datenpunkte tragen — ein Balkendiagramm vielleicht zwanzig. Für präzise Vergleiche, für Lookup, für vollständige Datensätze: Tabelle. Für Trends, Muster, Anomalien: Grafik. Für beides: beide.

Takeaway Tabellen: horizontale Linien nur oben, unten, und nach dem Header. Keine vertikalen Linien. Zahlen rechtsbündig. Text linksbündig.
Bewertung:

18 · Zeit

Zeitverläufe lügen nie

Zeit ist die einzige Achse, die niemand hinterfragt. Sie geht von links nach rechts — und sie ist immer wahr.

Tufte: Zeitreihen sind die häufigste und verlässlichste Form der Datenvisualisierung. Eine Ausreißer-Erkennung, die mit Streudiagrammen scheitert, leuchtet in einer Zeitreihe sofort auf. Ein Trend, der in einer Kreuztabelle unsichtbar ist, zeichnet sich in einer Zeitlinie unmissverständlich ab.

Das Risiko: Der Achsenabschnitt. Eine Y-Achse die nicht bei Null beginnt, kann aus einem +2% Anstieg einen dramatischen Sprung machen. Zeit auf der X-Achse lügt nicht — aber die Skalierung daneben schon.

Takeaway Bei Zeitreihen: Y-Achse bei 0, es sei denn, es gibt guten Grund (z.B. Temperatur in °C). Wenn Nullpunkt weggelassen: explizit annotieren.
Bewertung:

19 · Sprache

Annotation

Labels direkt am Datenpunkt — keine Legende. Legenden zwingen das Auge zu pendeln. Annotations halten es dort, wo die Daten sind.

Tufte ist gegen Legenden. Nicht weil sie falsch sind — sondern weil sie das Auge vom Datenpunkt trennen. Wenn eine Linie "Deutschland" beschriftet ist direkt am Ende der Linie, braucht man keine Legende. Der Blick bleibt in der Grafik.

Darüber hinaus: Annotationen können Aussagen machen, die Grafiken nicht können. "Hier begann der Lockdown" — das zeigt keine Y-Achse. "Übernahme durch Konkurrenten" — das steht in keiner Kurve. Annotationen verbinden Daten mit Kontext.

Takeaway Keine Legende wenn möglich — direkte Beschriftung. Wichtige Ereignisse als Annotation in die Grafik, nicht als Fußnote darunter.
Bewertung:

20 · Medium

Das Buch als perfektes Medium

Tufte hat vier Bücher selbst verlegt. Weil kein Verlag das Papier bezahlen wollte, das er für nötig hielt. Er hat recht behalten.

Tuftes Bücher sind selbst Designakte. "The Visual Display of Quantitative Information" ist gedruckt auf schwerem Kunstdruckpapier, mit präziser typografischer Kontrolle bis zur letzten Marginalie. Tufte hat den Verlag gegründet, das Papier ausgewählt, das Druckverfahren bestimmt. Die Bücher sind Artefakte — nicht nur Inhalte.

Die Lektion: Medium und Botschaft sind untrennbar. Ein Buch über visuelle Präzision, das selbst unpräzise gedruckt ist, wäre eine Lüge. Tufte verweigert diese Lüge. Für jedes Design gilt dasselbe: das Trägermedium trägt die Botschaft mit.

Takeaway Das Cockpit, die Webseite, das Dashboard — das sind die Bücher. Ihre Qualität kommuniziert den Respekt gegenüber dem Nutzer. Schlechte Ausführung sagt: die Information ist es nicht wert.
Bewertung: