Datawrapper ist ein Projekt der ABZV
- Bildungswerk der Zeitungen -
Open Source Datenvisualisierung
Wesentliche Funktionen:
- Einfach: Mit wenigen Klicks zur Visualisierung
- Opensource: Runterladen und installieren
- CSS: Design beliebig anpassen
- Entwickler: Erweiterung durch HTML5 Charts möglich
- Non-profit: Dieses Angebot ist und bleibt kostenfrei
Login für registrierte Nutzer
Kostenlos anmelden:
E-Mail-AddresseAnleitungen und technische Informationen:
Geben Sie Ihre E-Mail-Adresse ein, um das Kennwort zurückzusetzen.
Über
Was ist Datawrapper?
Kurzfassung: Dieses Werkzeug ist für Journalisten bestimmt. Es reduziert die Zeit, um einfache Datenvisualisierungen zu erstellen und in einer beliebigen Webseite einzubetten von Stunden auf Sekunden.
Motivation
Es gibt viele Spielarten des Datenjournalismus. Der erste Schritt besteht darin, Daten und Zahlen als Basis eines Beitrags zu nutzen - nicht nur als schmückendes Beiwerk. Daten zu finden ist einfacher geworden, weil immer größere Bestände im Netz veröffentlicht werden - dank der Open Data Bewegung und anderer Initiativen. Aber es gibt auch Barrieren.Aber es gibt Barrieren.
Eine besteht darin, dass die Erstellung einer einfachen Visualisierung, die sich in eine Online-Seite einbetten lässt, immer noch recht komplex und zeitaufwändig ist. Richtig, es gibt mittlerweile viele Plattformen, die diesen Prozess vereinfachen, wie zum Beispiel IBM Many Eyes oder auch die wachsende Google Chart API. Das sind Fortschritte. Doch die bisher verfügbaren Anwendungen in diesem Bereich haben auch Nachteile, vor allem bei der Nutzung durch Journalisten. Zum Beispiel muss man oft die eigenen Daten auf der fremden Plattform speichern und selbst erste Versuche werden schon veröffentlicht. Oft ist es auch schwer, die Daten später wieder zu löschen oder zu extrahieren. Ein weiterer Nachteil ist, dassdie Kontrolle über das Design, Logos und andere Gestaltungselemente beschränkt sind - oder Änderungen schlicht zu kompliziert sind, wenn man kein Programmierer ist.
Einfache Visualisierungen mit Einbett-Code in Sekunden, nicht Stunden
Datawrapper ist eine Alternative: Dieses Werkzeug reduziert die Zeit, die man für die Erstellung und Publikation einer Visualisierung in jedem beliebigen Content Management System benötigt, von Stunden auf Minuten.
Besonderen Wert legen wir auf Datenschutz: Die Daten, die hier eingegeben werden, gehören allein dem Nutzer und ihm allein. Erste Versuche und Experimente, die Nutzer auf der Web verfügbaren Plattform anlegen, werden nur veröffentlicht, wenn der Nutzer diese aktiv irgendwo einbettet.
Eine noch stärkere Kontrolle der Anwendung ergibt sich, wenn ein Medienunternehmen oder Blog die Datawrapper-Applikation auf einem eigenen Server installiert. DataWrapper ist eine Open Source Anwendung.
Der CSS-Code kann verändert werden, so dass die visuelle Darstellung dem jeweiligen Erscheinungsbild einer Zeitung (Farbe, Schrift, Logo) exakt entspricht. Das muss man nur einmal machen, nicht jedesmal.
Eine kurze Anleitung, wie man Datawrapper nutzen kann, findet sich hier.
Hintergrund
Datawrapper ist ein Projekt der ABZV (Bildungswerk der Zeitungen) und ein Angebot zur Aus- und Weiterbildung von Journalisten. Dieses Werkzeug ist Teil eines größeren Projekts, das den Aufbau einer strukturierten Weiterbildung im Bereich Datenjournalismus zum Ziel hat.
Datawrapper Funktionen
Die Nutzung dieses Werkzeugs ist kostenfrei.
Datawrapper Version 0.1 ist eine nicht-kommerzielle Open Source Software, lizensiert unter der MIT Licence.
Datawrapper nutzt HTML5 Libraries, speziell Highcharts und D3.js, ein schrittweiser Ausbau ist geplant. Programmierer, die uns dabei unterstützen wollen, sind herzlich willkommen.
Datawrapper kann über GitHub heruntergeladen werden und auf einem eigenen Server installiert werden.
Datawrapper: Ziele und Funktionen
Daten sollten möglichst oft am Anfang der Recherche stehen, nicht irgendwann am Schluss. In vielen Redaktionen ist das anders. Visualisierungen werden erst dann erstellt, wenn der Artikel schon fertig ist. Das führt zu Hektik, Auslassungen und Fehlern.Datenjournalismus bietet Perspektiven: Für eine tiefere und bessere Berichterstattung. Wenn sich Journalisten intensiv mit vorhandenen Zahlen - lokal, regional oder weltweit - auskennen, führt das zu erhöhter Glaubwürdigkeit und Relevanz. Die Leser wünschen sich klare Aussagen. Der Datawrapper ist ein Werkzeug, um diese Arbeitsmethodik zu fördern.
Open Source
Journalisten, Blogger, Verlage können die Applikation herunterladen und auf einem eigenen Server installieren. Das Design der Charts lässt sich an das Markenbild anpassen. Das ist wichtig, denn in viel zu vielen Plattformen schauen einem die Anbieter über die Schulter. Hier nicht.
HTML Chart Libraries
Datawrapper nutzt moderne HTML5 Libraries wie Highcharts oder D3.JS und macht sie leichter nutzbar. Das ist ein Schritt Richtung Zukunft. Denn im Web findet derzeit ein Umdenken statt: Bisher wurde überall große Rücksicht auf Nutzer mit Browsern genommen, die bestimmte Formate nicht richtig darstellen. Angesichts der vielen Möglichkeiten, die sich mit HTML5 und dem Canvas-Element bieten, lässt sich aber auch anders argumentieren: Leute, holt euch einen modernen Browser, das dauert 10 Minuten und bietet viele, viele Möglichkeiten.
Schnell visualisieren
Mit Datawrapper kann man in wenigen Minuten einen Chart erstellen. Interessanterweise ist das aber nur ein Nebenaspekt. Dieses Werkzeug soll Journalisten helfen, wenn bei nahender Deadline eine klare Visualisierung erstellt werden muss. Vorbereitung, Vorüberlegung, kritische Prüfung der Daten und der Datenqualität sind trotzdem wichtig.
Chart-Typ:
Die Entwicklung dieses Tools war langwieriger als gedacht. Die Herausforderung lag nicht darin, möglichst viele Funktionen anzubieten. Sondern darin, die Zahl der Arbeitsschritte so klein wie möglich zu halten und gleichzeitig einen klaren Aufbau zu bewahren.
Daher starten wir diese Betaversion nur mit fünf - relativ einfachen - Basischarts. In Zukunft wollen wir weitere Optionen anfügen. Damit das klappt, sind wir auf Unterstützung angewiesen. Entwickler mit Interesse an Journalismus oder Mitarbeiter aus Medienunternehmen können uns helfen, weitere Optionen hinzuzufügen.
Motivation
Wir wollen Datenjournalismus fördern. Wir glauben, dass eine tiefe Kenntnis der Zahlen, Strukturen und Einflussfaktoren sehr wichtig ist, damit Journalismus glaubwürdig bleibt und neue Perspektiven entsteht. Wer arbeitet mit?
- Mirko Lorenz, Nicolas Kayser-Bril, 2012
Um Datawrapper auf einem eigenen Server zu installieren, laden sie alle Dateien über GitHub herunter. Alternativ funktioniert ein 'git pull'. Erstellen sie die notwendigen Tabellen in ihrer Datenbank unter Nutzung des .sql dump. Danach erstellen sie eine Datei mit den Datenbanken-Kennwörtern, diese muss im Ordner /actions/passwords.php" unter dem Formular gespeichert werden.
<?php
$hostname = "hostname";
$database = "database_name";
$username = "user_name";
$password = "password";
?>
Then modify the production domain name in /config.php ('') if you do not host your application on CloudControl.
Wenn Ihr Unternehmen gewinnorientiert ist, müssen sie zuvor einen entsprechende Lizenz kaufen, um die Visualisierungsbibliothek Highcharts nutzen zu können. Bitte prüfen Sie sehr genau, ob die gewünschte Nutzungsform durch die Lizenz abgedeckt ist.
Benutzungsbedigungen
Fair use Verfahren
Datawrapper kann kostenfrei für die Visualisierung von Daten genutzt werden, die aus öffentlichen und freien Quellen stammen oder die eigene Recherche. Sollten wir Verstöße gegen diese Vorgaben feststellen, die die Rechte von Organisationen oder einzelnen Personen verletzen, behalten wir uns das Recht vor einen Accout zu sperren und werden den jeweiligen Nutzer auffordern, DataWrapper nicht mehr einzusetzen.
Beschränkter Haftung
Dieses Serviceangebot wird ohne weitere Garantie angeboten. Die Betreiber von Datawrapper übernehmen keine Haftung sollten Daten durch einen Serverausfall verloren gehen - dies gilt auch für sonstige Ausfälle oder eine eventuelle Beendigung des Services. Wenn Sie absichern wollen, dass ihre Visualisierungen dauerhaft verfügbar sind, sollten Sie die Download-Version und eine eigene Serverinstallation nutzen.
Schutz der Privatsphäre/Datenschutz
Datawrapper und die ABZV werden in keinem Fall irgendwelche privaten Daten oder Nutzerinformationen mit Dritten teilen. Rechte, die sich aus den Vorgaben des Datenschutzes ergeben bleiben davon unberührt. Datawrapper unterliegt deutschem Recht. Sollten Sie wegen veröffentlichter Daten eine Beschwerde einreichen wollen, wenden Sie sich bitte an folgende E-Mail Adresse: info@abzv.de
Bitte beachten: Datawrapper nutzt die Visualisierungsbibliothek Highcharts. Für eine Installation auf einem eigenen Server müssen Sie eine Lizenz von Highcharts erwerben.
Impressum
Verleger
ABZV • Bildungswerk der Zeitungen
Die Akademie Berufliche Bildung der deutschen Zeitungsverlage (ABZV) ist ein eingetragener, gemeinnütziger Verein. Wir sind eine Institution zur berufsbegleitenden, überbetrieblichen Aus- und Weiterbildung von Print-Journalistinnen und Print-Journalisten,vertreten durch den Vorstand Dietmar Wolff (Vorsitzender), Hendrik Wüst (stv. Vorsitzender), Dirk Glock.
In der Wehrhecke 1, 53125, Bonn.
Tel : 0228 - 20 77 66 22 Fax: 0228 - 20 77 66 23 E-Mail: info@abzv.de
Eingetragen in das Vereinsregister beim Amtsgericht Bonn unter der Nummer: 20 VR 7689
Verantwortlich für den Inhalt: Beate Füth (Anschrift wie oben)
Host
Tel : 0228 - 20 77 66 22 Fax: 0228 - 20 77 66 23 E-Mail: info@abzv.de
Credits
Idee und Konzept: Mirko Lorenz, Programmierung: Nicolas Kayser-Bril, 2011
Anleitung: Wie man mit Datawrapper gute Visualisierungen erstellt
Richtig, niemand liest die Anleitung - doch diese hier ist sehr kurz. Hier zeigen wir, wie man mit Datawrapper arbeiten kann - welche Daten man suchen muss und wie man die Daten formatiert, um einen korrekten, aussagekräftigen Chart zu erzeugen. Datawrapper kann ihnen bei der Visualisierung helfen, doch wenn Sie die falschen Daten einfügen, wird es nicht funktionieren.
Warum nur so wenige Visualisierungsvarianten?
Wir mussten irgendwo anfangen und auch irgendwo aufhören. In Zukunft möchten wir weitere Visualisierungsformen anbieten und suchen dafür den Kontakt zu Entwicklen und Designern. Wenn Sie interessiert sind, senden Sie uns eine Email. info@datastory.de
Linien
Das ist einfach. Man kann eine oder mehrere Linien gleichzeitig visualisieren. Damit die Visualisierung korrekt aussieht, müssen die Daten in einer bestimmten Form in einer Tabelle gespeichert sein.
Daten für die Darstellung einer einzelnen Linie sollten so aussehen:
Säulen
Bei Daten, die zu einem bestimmten Zeitpunkt (Woche, Monat, Jahr) erhoben wurden, eignet sich ein Balkendiagramm. So lässt sich zum Beispiel die Umsatzentwicklung eines Unternehmens darstellen. Mit mehreren Balken lässt sich der Umsatz von Firma A mit dem von Firma B vergleichen.
Die
Torte
Hier bitte Vorsicht. Tortendiagramme können falsch eingesetzt werden und verzerren dann die Aussage. Ein Tortendiagramm wird genutzt, um das Verhältnis der Anteile darzustellen. Ein gutes Beispiel sind Wahlen, hier wird dieser Grafiktyp eingesetzt, um die Stimmverteilung zu zeigen.
Verzichten Sie auf die Nutzung einer Torten-Grafik, wenn es zu viele Kategorien gibt. In dem Falle ist ein vertikales oder horizontales Balkendiagramm meist besser geeignet, die Relation und den Trend darzustellen. Mehr Hintergrund zu Tortendiagrammen (in Englisch).
Anmerkung: Bei einem wirklich korrekten Tortendiagramm sollte die jeweils größte Gruppe bei zwölf Uhr im Uhrzeigersinn starten. Auf Schatten und 3D Effekte sollten Sie generell verzichten, richtig schlechte Charts lösen im Internet Unwillen aus.
Die Daten für ein Tortendiagramm sollten soe aussehen:
Streamgraph
Dies ist unser bisher einzige ungewöhnliches Chart. Man kann damit ein Muster bei großen Datenmengen oder über einen längeren Zeitraum verdeutlichen. Einige Nutzer lieben diese Formen, anderen lehnen sie ab (weil je nach Daten manchmal nicht ganz klar wird, was der Chart nun aussagt). Hier ist ein längeres Hintergrundpapier, für alle die mehr lernen wollen.
Ein "Streamgraph" zeichnet Linien und füllt dann den Zwischenraum farblich aus. Das ist gut, um zum Beispiel den Wandel von Musikvorlieben zu visualisieren oder wie lange ein bestimmtes Schlagwort häufig oder weniger häufig benutzt wurde.
Die Daten für den "Streamgraph" sollten so aussehen:
Beispieldaten für einen "Streamgraph".
Wenn Sie bessere Beispiele oder bessere Daten kennen oder aber schlicht Kritik oder Lob loswerden wollen, schreiben Sie uns an info@datastory.de
Schnellstart
Datawrapper: Mit wenigen Klicks zur Visualisierung
- Suchen Sie nach einer Datentabelle - in Excel, einer Google Tabelle oder sogar einer Tabelle auf einer Webseite. Stellen Sie sicher, dass die Daten keinen Nutzungsbeschränkungen unterliegen
- Kopieren Sie die Tabelle (Rechtsklick mit der Maus oder der jeweils gültige Befehl). Tipp: Wenn es Spaltennamen gibt, kopieren Sie diese mit.
- Gehen Sie zum Datawrapper und fügen Sie die Tabelle einfach in das erste Feld ein. Dadurch wird die Tabelle zugleich bereinigt (Einrückungen, Punkte, Kommata).
- Wurden die Daten richtig erkannt? Hier sehen Sie, ob die Daten korrekt erkannt wurden. Wenn das Ergebnis unverständlich aussieht, überprüfen oder bearbeiten Sie noch die Ausgangsdaten in einem Tabellenprogramm - nicht jede Visualisierung lässt sich mit jedem Datensatz sinnvoll anlegen.
- Welche Visualisierung eignet sich hier? Zum Beta-Start von Datawrapper haben wir uns auf fünf Varianten beschränkt. Wir wollen das Angebot ausbauen, wenn Sie Design oder Programmierkenntnisse haben und dabei helfen wollen - bitte melden.
- Sie können jetzt oben eine Überschrift, eine Beschreibung sowie Links und Quellenhinweise hinzufügen.
- Klicken Sie ein letztes Mal - fertig. Jetzt den Einbettungs-Code kopieren und in ein Publikationssystem einbetten. Fertig.
Datawrapper hat einige interessante Zusatzfunktionen (z.B. Generierung eines Bildgrafik, Option zum Download der Daten). Mehr erfahren Sie in unserem Tutorial.