Waffle Chart (auch: Unit Chart, Isotype Chart) ist eine Diagrammform, bei der ein 10×10-Raster aus 100 Einheitssymbolen Anteile visuell kommuniziert – jedes Symbol steht für 1 Prozent.
Rubrik: Mediendesign & Digitale Medien · Unterrubrik: Infografik & Datenvisualisierung · Niveau: Einsteiger
Was ist ein Waffle Chart?
Ein Waffle Chart (englisch: Waffle = Waffel, nach der gitternetzartigen Optik) ist eine Form der Anteilsdarstellung. Das Standard-Waffle-Chart besteht aus einem 10×10-Raster von 100 gleichgroßen Quadraten oder Symbolen. Jedes Symbol repräsentiert 1 %. Eingefärbte Symbole zeigen den Anteil einer Kategorie, ungefärbte Symbole den Rest.
Das Waffle Chart ist eng verwandt mit dem Isotype-Diagramm (International System of Typographic Picture Education), das in den 1920er-Jahren von Otto Neurath entwickelt wurde. Beim Isotype-Diagramm werden statt Quadraten bedeutungstragende Piktogramme verwendet (z. B. Menschensymbole für Bevölkerungsanteile, Autosymbole für Fahrzeugbestand).
Erklärung
Warum Waffle Charts ehrlicher sind als Tortendiagramme:
Menschen können diskrete Einheiten (Quadrate zählen) präziser wahrnehmen als Winkel (Kreissegmente schätzen). Ein Waffle Chart mit 34 von 100 eingefärbten Feldern kommuniziert „34 %" unmittelbar und eindeutig. Ein Tortendiagramm mit einem 34°-Winkel ist deutlich schwerer zu schätzen. Wilke (2019) nennt Unit Charts als empfehlenswerte Alternative, besonders wenn es auf intuitive Anteilskommunikation ankommt.
Verschiedene Formen des Waffle/Unit Charts:
- Klassisches Waffle Chart: 10×10-Raster, Quadrate. Streng auf 100 Felder begrenzt; nur ganzzahlige Prozentwerte möglich.
- Flexibles Unit Chart: Rastergrößen variieren (z. B. 5×4 für 20 Einheiten, wenn die Datenbasis nicht 100 ist). Jede Einheit = eine absolute Beobachtung.
- Isotype-Chart / Piktogramm-Diagramm: Statt neutraler Quadrate werden bedeutungsvolle Symbole verwendet (Personen, Fahrzeuge, Häuser). Erhöht die emotionale und inhaltliche Verständlichkeit.
- Progress Waffle: Nur eine Kategorie wird hervorgehoben (z. B. 73 % Zielerreichung). Oft als stilisiertes Dashboard-Element.
Einschränkungen:
Das klassische Waffle Chart funktioniert nur für ganzzahlige Prozentwerte. Ein Wert von 33,7 % muss auf 34 % gerundet werden. Das ist in der Regel akzeptabel – Infografiken für Allgemeinpublikum brauchen keine Nachkommastellen. Für wissenschaftliche Präzision ist das Balkendiagramm mit Zahlenbeschriftung besser geeignet.
Mehrere Kategorien:
Waffle Charts können mehrere Kategorien zeigen, indem verschiedene Farben verwendet werden. Allerdings wird es schnell unübersichtlich, wenn mehr als 3–4 Kategorien dargestellt werden. Bei 5+ Kategorien ist ein Balkendiagramm klarer.
Kognitiver Vorteil durch Einheiten:
Ein besonderer Effekt des Unit Charts: Wenn jedes Symbol eine Person (oder ein anderes konkretes Objekt) repräsentiert, entsteht ein Gefühl von Einzelschicksal und Masse zugleich. In journalistischen Kontexten (z. B. „7 von 10 Menschen in Deutschland haben schon einmal...") ist das emotional wirkungsvoller als ein abstrakter Balken oder ein Kreissegment. Dies nennt Cairo (2016) das Prinzip der „humanisierenden Daten".
Wann einsetzen / wann nicht
Einsetzen, wenn:
- Einfache Anteile (1–3 Kategorien) für ein breites, datenviz-unerfahrenes Publikum kommuniziert werden sollen.
- Die emotionale Wirkung von Einheiten (Personen, Objekte) genutzt werden soll.
- Ganzzahlige Prozentwerte vorliegen (oder Rundung akzeptabel ist).
- Das Waffel- oder Raster-Design zum gestalterischen Kontext passt (Infografiken, Magazinlayouts).
Nicht einsetzen, wenn:
- Mehr als 4–5 Kategorien gleichzeitig dargestellt werden – das Raster wird verwirrend.
- Kleine Unterschiede zwischen ähnlichen Prozentwerten präzise kommuniziert werden müssen.
- Nicht-ganzzahlige Prozente wichtig sind.
- Zeitliche Verläufe gezeigt werden sollen.
Im Vergleich zum Tortendiagramm: Das Waffle Chart kommuniziert dieselbe Grundbotschaft (Anteil am Ganzen), ist aber intuitiver lesbar. Für Anteile von etwa 20 %–80 % sind Waffle Charts klar besser als Tortendiagramme. Für sehr kleine oder sehr große Anteile (< 5 % oder > 95 %) kann ein einzelner Satz mit dem Prozentwert am klarsten sein.
Beispiele (5 konkrete)
- Impfquote in der Bevölkerung: 10×10-Raster, 69 Felder grün (geimpft), 31 Felder grau (ungeimpft). Klare, intuitiv lesbare Kommunikation – standard in der Gesundheitskommunikation während der COVID-19-Pandemie.
- Frauenanteile in Führungspositionen: Piktogramm-Raster mit Männer- und Frauensymbolen. 100 Symbole, davon 18 weiblich eingefärbt. Emotionaler Impact durch bedeutungsvolle Symbole statt neutraler Quadrate.
- Marktanteile Smartphone-Betriebssysteme: 100 Felder, 72 für Android (grün), 27 für iOS (blau), 1 für Sonstige (grau). Drei Kategorien, gut lesbar.
- Energiemix nach Quelle: 100 Felder, aufgeteilt auf erneuerbare Energien (45), Gas (25), Kohle (20), Sonstige (10). Vier Kategorien – Grenze der Lesbarkeit.
- Lesegewohnheiten im Kulturbereich: „67 von 100 Deutschen lesen mindestens ein Buch pro Jahr." – 67 Buch-Symbole, 33 leere Umrisse. Das Isotype-Format macht die Statistik greifbar.
In der Praxis
Datawrapper: Datawrapper bietet keinen nativen Waffle Chart Typen, aber mit dem „Icon Array"-Format (einer Variante des Unit Charts) lassen sich Piktogramm-Raster erstellen. Für klassische Waffel-Raster empfehlen sich spezialisierte Tools.
Flourish: Flourish bietet ein Unit Chart / Piktogramm-Chart-Template, das sowohl neutrale Formen als auch Symbole (Piktogramme) aus einer Bibliothek unterstützt. Gut für Web-Publishing; interaktive Hover-Effekte inklusive.
RAWgraphs: RAWgraphs (rawgraphs.io) ist ein Open-Source-Tool, das Waffle Charts und andere weniger gebräuchliche Diagrammtypen direkt aus CSV-Daten generiert. Export als SVG für Nachbearbeitung in Illustrator.
D3.js: In D3.js lässt sich ein Waffle Chart als SVG-Raster aus <rect>-Elementen implementieren. Datenbindung über ein Array von Werten; Farbkodierung über d3.scaleOrdinal(). Für animierte Waffeln (Felder füllen sich schrittweise) eignen sich Transitions mit d3.transition().
Vergleich & Abgrenzung
| Diagrammtyp | Anteilsdarstellung | Stärke | Schwäche |
|---|---|---|---|
| Waffle Chart | 100 Einheiten | Intuitiv, diskret zählbar | Nur ganzzahlige %, wenige Kategorien |
| Tortendiagramm | Kreissegment | Bekannt, kompakt | Winkel schwer schätzbar |
| Balkendiagramm | Balkenlänge | Präzise, viele Kategorien | Weniger intuitiv für „Anteil" |
| Isotype-Chart | Piktogramme | Emotional, humanisierend | Gestaltungsaufwand hoch |
| Bullet Chart | Skala + Zielwert | Dashboard, Fortschritt | Weniger für Öffentlichkeit |
Häufige Fragen (FAQ)
Warum heißt das Diagramm Waffle Chart? Die 10×10-Anordnung der Quadrate erinnert an das Muster einer Belgischen Waffel – daher der informelle Name. Der formellere Begriff ist „Unit Chart" oder „Icon Array". In der Tradition von Otto Neuraths Isotype-System (1920er-Jahre) spricht man auch von „Piktogramm-Diagramm" oder „Einheitsdiagramm".
Kann ich andere Rastergrößen als 10×10 verwenden? Ja, aber 10×10 ist die intuitivste Option, weil 100 Einheiten = 100 % direkt lesbar ist. Wenn der Datensatz nur 50 Beobachtungen hat, kann ein 5×10-Raster sinnvoll sein (jede Einheit = 1 Beobachtung statt 1 %). Wichtig: Die Einheitsgröße muss für das Publikum klar kommuniziert werden (z. B. „Jedes Symbol = 10.000 Personen").
Verwandte Einträge
- Tortendiagramm — Alternative Anteilsdarstellung, Vor- und Nachteile
- Balkendiagramm — Präzisere Anteilsvergleiche bei vielen Kategorien
- Infografik-Typen — Überblick über alle Infografik-Formate
Weiterführend
- Cairo, A. (2016). The Truthful Art, Kap. 6 (Uncertainty and communicating risk). New Riders.
- Wilke, C. O. (2019). Fundamentals of Data Visualization, Kap. 10 (Visualizing proportions). O'Reilly Media.
- Few, S. (2012). Show Me the Numbers (2. Aufl.). Analytics Press.
- Neurath, O. (1939). Modern Man in the Making. Alfred A. Knopf. (Ursprung des Isotype-Systems)
