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.
