Datawrapper ist ein browserbasiertes Visualisierungstool, das ohne Programmierkenntnisse professionelle, responsiv einbettbare Diagramme, Karten und Tabellen für den Journalismus und die Unternehmenskommunikation erzeugt.
Rubrik: Mediendesign & Digitale Medien · Unterrubrik: Infografik & Datenvisualisierung · Niveau: Einsteiger
Was ist Datawrapper?
Datawrapper (datawrapper.de) wurde 2012 in Berlin gegründet und hat sich als das bevorzugte Dataviz-Tool im europäischen Journalismus etabliert. Es wird von Redaktionen wie dem SPIEGEL, der Zeit, der New York Times, der BBC und Hunderten weiterer Medienorganisationen genutzt. Das Grundprinzip: Daten eingeben, Chart-Typ wählen, Farben und Beschriftungen anpassen, Embed-Code kopieren.
Das kostenlose Basispaket erlaubt unbegrenzte Visualisierungen, die auf der Datawrapper-Plattform gehostet werden. Bezahlpläne bieten eigene Farbpaletten, branding-freie Exports, Team-Funktionen und private Embeds.
Erklärung
Der Workflow – 4 Schritte:
- Daten hochladen: CSV-Datei einfügen, URL zu Google Sheets eingeben oder Daten manuell in die eingebaute Tabelle eingeben. Datawrapper erkennt automatisch Spaltentypen (Datum, Zahl, Text).
- Diagramm-Typ wählen: Aus den verfügbaren Chart-Typen wählen. Datawrapper gibt Empfehlungen basierend auf der Datenstruktur.
- Visualisierung verfeinern: Farben, Achsenbeschriftungen, Titel, Quellenangabe, Tooltips und Highlights anpassen. Keine Code-Kenntnisse notwendig.
- Veröffentlichen und einbetten: Datawrapper generiert einen iFrame-Embed-Code oder eine statische PNG/SVG-Datei. Das Embed ist responsiv – es passt sich automatisch an jede Bildschirmgröße an.
Verfügbare Chart-Typen:
Datawrapper bietet unter anderem:
- Balkendiagramm / Säulendiagramm (horizontal, vertikal, gestapelt, gruppiert)
- Liniendiagramm und Flächendiagramm
- Scatter Plot (Streudiagramm)
- Dot Plot
- Pie Chart / Donut Chart
- Arrow Plot (für Veränderungen)
- Slope Chart (Vorher-Nachher-Vergleiche)
- Treemap
- Table (mit bedingter Formatierung)
Karten: Datawrapper bietet drei Kartentypen:
- Choropleth-Karte: Einfärben von Verwaltungseinheiten (Länder, Bundesländer, Wahlkreise, Landkreise).
- Proportionalsymbol-Karte: Kreise auf Karte, deren Größe einem Wert entspricht.
- Locator Map: Geographische Orientierungskarte mit markierten Punkten.
Für Deutschland bietet Datawrapper fertige Karten für Bundesländer, Landkreise, Gemeinden und Bundestagswahlkreise.
Highlights und Annotationen: Eines der stärksten Features: Einzelne Datenpunkte, Balken oder Linien können direkt im Diagramm beschriftet oder hervorgehoben werden. Das ist entscheidend für gutes Datenstorytelling – nicht alle Punkte beschriften, sondern nur die, die die Geschichte tragen.
Barrierefreiheit: Datawrapper-Visualisierungen sind standardmäßig mit Alt-Text-Unterstützung und Keyboard-Navigation ausgestattet. Die Plattform empfiehlt aktiv barrierefreie Farbpaletten und warnt, wenn Kontrastverhältnisse problematisch sind.
Datenschutz und Hosting: Datawrapper ist ein deutsches Unternehmen (Berlin), betreibt Server in Europa und ist DSGVO-konform. Für Redaktionen und öffentliche Institutionen in Deutschland besonders relevant.
Wann einsetzen / wann nicht
Einsetzen, wenn:
- Schnelle, professionelle Visualisierungen für Web-Artikel, Berichte oder Präsentationen erstellt werden sollen.
- Keine Programmierkenntnisse vorhanden sind, aber trotzdem high-quality Ergebnisse nötig sind.
- Responsives Einbetten in CMS-Systeme (WordPress, Typo3, etc.) gewünscht ist.
- Journalistische Standard-Chart-Typen benötigt werden.
- Einfache Choropleth-Karten für Deutschland oder Europa erstellt werden sollen.
Nicht einsetzen, wenn:
- Sehr ungewöhnliche oder komplexe Diagrammtypen gebraucht werden (z. B. Netzwerkgraphen, Sankey-Diagramme mit vielen Ebenen) – dann D3.js oder Gephi.
- Vollständige gestalterische Freiheit bei Farben, Schriften und Layout nötig ist – dann Illustrator oder Flourish.
- Daten nicht in der Cloud liegen sollen (sensible interne Daten) – dann lokal mit Python/R arbeiten.
- Animierte oder interaktiv erzählende Visualisierungen gewünscht sind – dann Flourish oder Shorthand.
Beispiele (5 konkrete)
- SPIEGEL Online Wahlkarte: Datawrapper-Choropleth-Karten sind das Rückgrat der Wahlberichterstattung im deutschen Online-Journalismus. Bundestagswahlkreise eingefärbt nach Erststimmen-Ergebnis.
- Zeit-Grafiken: Die Zeit nutzt Datawrapper für schnelle Daten-Begleitgrafiken zu Wirtschaftsartikeln – Liniendiagramme zu BIP-Entwicklungen, Slope Charts für Ländervergleiche.
- Unternehmenskommunikation: Ein Mittelständler nutzt Datawrapper, um quartalsweise Umsatzzahlen als Balkendiagramm-Embed in seinen Newsroom-Bericht zu integrieren – ohne IT-Abteilung.
- NGO-Jahresbericht: Eine gemeinnützige Organisation erstellt ihre Jahresberichts-Infografiken (Spenden nach Region, Projektfortschritt) mit Datawrapper und exportiert sie als SVG für den Printbericht.
- Hochschule / Lehrkontext: Studierende an Journalismus- und Kommunikationsstudiengängen nutzen Datawrapper, um in Übungen schnell datenjournalistische Miniprojekte zu realisieren.
In der Praxis
Erste Schritte:
- datawrapper.de aufrufen, kostenlosen Account erstellen.
- „Neues Diagramm erstellen" klicken.
- Beispieldaten aus einer CSV-Datei oder Google Sheets einfügen.
- Chart-Typ wählen (Empfehlung: mit Balkendiagramm beginnen).
- Anpassen, veröffentlichen, Embed-Code in die eigene Seite einbetten.
Tastenkürzel und Tipps:
- In der „Visualisierung verfeinern"-Phase: Einzelne Datenpunkte durch Klick hervorheben.
- „Custom colors" ermöglicht Markenfarben (Hex-Codes).
- Die Schaltfläche „Accessibility" zeigt eine Vorschau für farbenblinde Nutzer.
- Über „River"-Layout bei gestapelten Balken lassen sich Teilwerte additiv anzeigen.
Vergleich mit Flourish und Tableau: Datawrapper ist einfacher und schneller als Flourish und Tableau, bietet dafür weniger Animationsmöglichkeiten und weniger Freiheit beim Anpassen des Designs. Für täglichen Redaktionsbetrieb ist Datawrapper oft die erste Wahl; für komplexere Storytelling-Projekte wird Flourish eingesetzt.
Vergleich & Abgrenzung
| Tool | Stärke | Schwäche |
|---|---|---|
| Datawrapper | Schnell, sauber, journalismus-optimiert | Wenige Animationen, begrenzte Typen |
| Flourish | Animationen, Story-Mode, mehr Typen | Komplexere Bedienung |
| Tableau Public | Mächtige Analysen, Dashboards | Desktop-Software, steile Lernkurve |
| D3.js | Vollständige Kontrolle | Programmierkenntnisse nötig |
| RAWgraphs | Exotische Diagrammtypen | Kein Embed, nur Export |
Häufige Fragen (FAQ)
Ist Datawrapper wirklich kostenlos? Ja – das Grundpaket ist dauerhaft kostenlos und ohne Zeitlimit. Visualisierungen werden auf datawrapper.de gehostet. Einschränkungen: Das Datawrapper-Logo erscheint im kostenlosen Plan; individuelle Farbpaletten und bestimmte Export-Optionen sind nur in Bezahlplänen verfügbar. Für Bildungseinrichtungen gibt es vergünstigte Konditionen.
Kann ich meine Daten auch nach dem Veröffentlichen noch ändern? Ja. Datawrapper-Embeds aktualisieren sich automatisch, wenn die zugrunde liegenden Daten geändert werden – entweder direkt im Editor oder über eine Google-Sheets-Verknüpfung. Das ist besonders nützlich für laufend aktualisierte Dashboards (z. B. wöchentliche Statistiken).
Verwandte Einträge
- Flourish — Für animierte Charts und Story-Mode
- Choropleth-Karte — Datawrappers Stärke bei Geodaten
- Balkendiagramm — Der meistgenutzte Chart-Typ in Datawrapper
Weiterführend
- Datawrapper Academy: academy.datawrapper.de (offizielle Tutorials und Best Practices)
- Cairo, A. (2016). The Truthful Art. New Riders.
- Few, S. (2012). Show Me the Numbers (2. Aufl.). Analytics Press.
- Wilke, C. O. (2019). Fundamentals of Data Visualization. O'Reilly Media.
