Zum Inhalt springen

Datenvisualisierung

oder auch Data Visualization

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 11.11.2026

Datenvisualisierung ist die grafische Darstellung von Daten, etwa als Balken-, Linien- oder Streudiagramm. Sie macht Muster, Entwicklungen und Unterschiede sichtbar, die in einer Tabelle untergehen. Laut Nielsen Norman Group genügen für die meisten Zwecke Balken-, Linien- und Streudiagramme; Balken sind leichter zu lesen als Tortendiagramme.

Datenvisualisierung

Die grafische Darstellung von Daten, etwa als Balken-, Linien- oder Streudiagramm, damit Muster und Unterschiede schnell erkennbar werden.
Beispiel: „Die Datenvisualisierung im Jahresbericht zeigt den Umsatz als Liniendiagramm über zehn Jahre.“

Auch: Data Visualization, Diagrammgestaltung, Infografik im engeren Sinn.

Grundlagenwerk ist Edward Tuftes The Visual Display of Quantitative Information von 1983.

Data-Ink und Chartjunk

Edward Tufte prägte 1983 in seinem Buch den Begriff Data-Ink Ratio. Laut Nielsen Norman Group ist das der Anteil der Tinte, der Daten zeigt, an der gesamten Tinte einer Grafik. Alles Unnötige, das ablenkt, nannte Tufte Chartjunk. Neuere Forschung zeigt allerdings, dass Gestaltungselemente je nach Zweck auch helfen können.

Zwei Balkendiagramme mit denselben vier Werten. Links überladen: Verlauf im Hintergrund, dichtes Gitter, dicke Rahmen, schattierte Balken in vier Farben. Rechts reduziert: vier gleichfarbige Balken mit den Werten daran.
Weglassen hilft meist; manchmal unterstützt ein Gestaltungselement aber das Verständnis, wie neuere Forschung zeigt.

Barrierefreie Datenvisualisierung

Diagramme brauchen laut WCAG eine Textalternative: eine kurze Beschreibung und die Daten selbst, am besten als Tabelle. Farbe darf nicht das einzige Unterscheidungsmerkmal sein; Muster, Beschriftungen direkt an den Linien oder Formen helfen. Linien und Flächen, die man zum Verstehen braucht, verlangen nach Kriterium 1.4.11 mindestens 3 zu 1 Kontrast zu ihrer Umgebung.

Farben in der Datenvisualisierung

Welche Farben passen, hängt von den Daten ab. ColorBrewer von Cynthia Brewer und Mark Harrower unterscheidet drei Arten von Paletten: aufsteigende für Mengen, zweiseitige für Abweichungen von einem Mittelwert und qualitative für Kategorien ohne Reihenfolge. Das Werkzeug zeigt außerdem, welche Paletten bei Farbsehschwäche, im Druck und in der Kopie unterscheidbar bleiben.

Siehe auch:

Visuelle Hierarchie

Die Rangfolge, in der Elemente einer Seite wahrgenommen werden, festgelegt über Größe, Kontrast, Farbe und Abstand.

#Gestaltungsgrundlagen

Farbkontrast

Der sichtbare Unterschied zwischen zwei Farben in Farbton, Helligkeit oder Sättigung.

#Gestaltungsgrundlagen

Farbe als alleiniger Informationsträger (Anti-Pattern)

Ein Gestaltungsfehler, bei dem eine Information nur über Farbe vermittelt wird, etwa ein Fehler nur durch einen roten Rahmen.

#Gestaltungsgrundlagen

Alt-Text

Textfassung eines Bildes, die beschreibt, was es zeigt, wenn das Bild nicht ankommt.

#Website-Struktur #Barrierefreiheit (Accessibility) #Suchmaschinenoptimierung (SEO)

Tabelle (table)

Daten in Zeilen und Spalten, die miteinander zu tun haben.

#Frontend-Entwicklung (HTML, CSS, JavaScript)