Ein vollständiger Überblick über die besten Datenvisualisierungstools

Der Verbrauch großer Datensätze ist nicht immer einfach. Manchmal sind Datensätze so groß, dass es geradezu unmöglich ist, etwas Nützliches daraus zu erkennen. Hier kommen Datenvisualisierungen ins Spiel.

Das Erstellen von Datenvisualisierungen ist selten einfach. Es ist nicht so, dass Designer einfach einen Datensatz mit Tausenden von Einträgen nehmen und eine Visualisierung von Grund auf neu erstellen können. Sicher, es ist möglich, aber wer möchte schon Dutzende oder Hunderte von Stunden damit verbringen, Punkte in einem Punktdiagramm zu zeichnen? Hier kommen Datenvisualisierungstools ins Spiel.

Was sind Datenvisualisierungstools?

Datenvisualisierungstools bieten Designern von Datenvisualisierungen eine einfachere Möglichkeit, visuelle Darstellungen großer Datensätze zu erstellen. Beim Umgang mit Datensätzen, die Hunderttausende oder Millionen von Datenpunkten enthalten, erleichtert die zumindest teilweise Automatisierung des Erstellungsprozesses einer Visualisierung die Arbeit eines Designers erheblich.

Diese Datenvisualisierungen können dann für eine Vielzahl von Zwecken verwendet werden: Dashboards, Jahresberichte, Vertriebs- und Marketingmaterialien, Investorenfolien und praktisch überall dort, wo Informationen sofort interpretiert werden müssen.

Was haben die besten Datenvisualisierungstools gemeinsam?

Die besten Datenvisualisierungstools auf dem Markt haben einige Gemeinsamkeiten. Erstens ist ihre Benutzerfreundlichkeit. Es gibt einige unglaublich komplizierte Apps zur Visualisierung von Daten. Einige verfügen über eine hervorragende Dokumentation und Tutorials und sind so konzipiert, dass sie sich für den Benutzer intuitiv anfühlen. Anderen fehlt es in diesen Bereichen, wodurch sie unabhängig von ihren anderen Fähigkeiten von jeder Liste der „besten“ Tools gestrichen werden.

Die besten Tools können auch mit riesigen Datensätzen umgehen. Tatsächlich können die Besten sogar mehrere Datensätze in einer einzigen Visualisierung verarbeiten.

Die besten Tools können auch eine Reihe verschiedener Diagramm-, Diagramm- und Kartentypen ausgeben. Die meisten der folgenden Tools können sowohl Bilder als auch interaktive Grafiken ausgeben. Es gibt jedoch Ausnahmen von der Vielfalt der Ausgabekriterien. Einige Datenvisualisierungstools konzentrieren sich auf einen bestimmten Diagramm- oder Kartentyp und machen das sehr gut. Diese Tools haben auch einen Platz unter den „besten“ Tools da draußen.

Schließlich gibt es noch Kostenüberlegungen. Während ein höherer Preis ein Tool nicht unbedingt disqualifiziert, muss der höhere Preis in Bezug auf besseren Support, bessere Funktionen und einen besseren Gesamtwert gerechtfertigt sein.

Vergleich von Datenvisualisierungstools

Es stehen Dutzende, wenn nicht Hunderte von Anwendungen, Tools und Skripten zur Verfügung, um Visualisierungen großer Datenmengen zu erstellen. Viele sind sehr einfach und haben viele überlappende Funktionen.

Aber es gibt herausragende Funktionen, die entweder mehr Möglichkeiten für die Arten von Visualisierungen haben, die sie erstellen können, oder die wesentlich einfacher zu verwenden sind als die anderen Optionen da draußen.

Tableau (und Tableau Public)

Tableau bietet eine Vielzahl von Optionen, darunter eine Desktop-App, Server- und gehostete Online-Versionen sowie eine kostenlose öffentliche Option. Es stehen Hunderte von Datenimportoptionen zur Verfügung, von CSV-Dateien über Google Ads- und Analytics-Daten bis hin zu Salesforce-Daten.

Zu den Ausgabeoptionen gehören mehrere Diagrammformate sowie Mapping-Funktionen. Das bedeutet, dass Designer farbcodierte Karten erstellen können, die geografisch wichtige Daten in einem Format darstellen, das viel einfacher zu verdauen ist, als es eine Tabelle oder ein Diagramm jemals sein könnte.

Die öffentliche Version von Tableau kann kostenlos von allen verwendet werden, die nach einer leistungsstarken Möglichkeit suchen, Datenvisualisierungen zu erstellen, die in einer Vielzahl von Umgebungen verwendet werden können. Von Journalisten über politische Junkies bis hin zu denen, die einfach nur die Daten ihres eigenen Lebens quantifizieren möchten, gibt es unzählige Anwendungsmöglichkeiten für Tableau Public. Sie verfügen über eine umfangreiche Galerie mit Infografiken und Visualisierungen, die mit der öffentlichen Version erstellt wurden, um als Inspiration für diejenigen zu dienen, die daran interessiert sind, ihre eigenen zu erstellen.

Vorteile

• Hunderte von Datenimportoptionen
• Mapping-Fähigkeit
• Kostenlose öffentliche Version verfügbar
• Viele Video-Tutorials führen Sie durch die Verwendung von Tableau

Nachteile

• Kostenpflichtige Versionen sind teuer (70 $/Monat/Benutzer für die Tableau Creator-Software)
• Die öffentliche Version erlaubt es Ihnen nicht, Datenanalysen privat zu halten

Beispiele für Datenvisualisierung

Endeffekt

Tableau ist eine großartige Option für diejenigen, die Karten zusätzlich zu anderen Arten von Diagrammen erstellen müssen. Tableau Public ist auch eine großartige Option für alle, die öffentlich zugängliche Visualisierungen erstellen möchten.

Infogramm

Infogram ist ein voll funktionsfähiges Drag-and-Drop-Visualisierungstool, mit dem auch Nicht-Designer effektive Visualisierungen von Daten für Marketingberichte, Infografiken, Social-Media-Beiträge, Karten, Dashboards und mehr erstellen können.

Fertige Visualisierungen können in eine Reihe von Formaten exportiert werden: .PNG, .JPG, .GIF, .PDF und .HTML. Auch interaktive Visualisierungen sind möglich, perfekt zum Einbetten in Websites oder Apps. Infogram bietet auch ein WordPress-Plugin an, das das Einbetten von Visualisierungen für WordPress-Benutzer noch einfacher macht.

Vorteile

• Gestaffelte Preise, einschließlich eines kostenlosen Plans mit grundlegenden Funktionen
• Enthält über 35 Diagrammtypen und über 550 Kartentypen
• Drag-and-Drop-Editor
• API zum Importieren zusätzlicher Datenquellen

Nachteile

• Deutlich weniger integrierte Datenquellen als einige andere Apps

Beispiele

Endeffekt

Infogram ist sowohl für Nicht-Designer als auch für Designer eine großartige Option. Der Drag-and-Drop-Editor macht es einfach, professionell aussehende Designs ohne viel visuelles Designgeschick zu erstellen.

Diagrammblöcke

ChartBlocks behauptet, dass Daten mit ihrer API von „überall“ importiert werden können, einschließlich von Live-Feeds. Während sie sagen, dass das Importieren von Daten aus jeder Quelle mit „nur wenigen Klicks“ erledigt werden kann, ist es zwangsläufig komplexer als andere Apps, die über automatisierte Module oder Erweiterungen für bestimmte Datenquellen verfügen.

Die App ermöglicht eine umfassende Anpassung der erstellten endgültigen Visualisierung, und der Diagrammerstellungsassistent hilft Benutzern, genau die richtigen Daten für ihre Diagramme auszuwählen, bevor die Daten importiert werden.

Designer können praktisch jede Art von Diagramm erstellen, und die Ausgabe ist responsiv – ein großer Vorteil für Designer von Datenvisualisierungen, die Diagramme in Websites einbetten möchten, die wahrscheinlich auf einer Vielzahl von Geräten angezeigt werden.

Vorteile

• Kostenlose und preisgünstige kostenpflichtige Pläne sind verfügbar
• Einfach zu bedienender Assistent zum Importieren der erforderlichen Daten

Nachteile

• Unklar, wie robust ihre API ist
• Scheint keine Mapping-Fähigkeit zu haben

Beispiele

Endeffekt

ChartBlocks hat einen ausgezeichneten kostenlosen Plan, was ein großes Plus ist. Die Benutzerfreundlichkeit zum Erstellen einfacher Diagramme und Grafiken ist ebenfalls hervorragend.

Datawrapper

Datawrapper wurde speziell für das Hinzufügen von Diagrammen und Karten zu Nachrichtenartikeln entwickelt. Die erstellten Diagramme und Karten sind interaktiv und für die Einbettung auf Nachrichten-Websites vorgesehen. Ihre Datenquellen sind jedoch begrenzt, wobei die primäre Methode das Kopieren und Einfügen von Daten in das Tool ist.

Sobald die Daten importiert sind, können Diagramme mit einem einzigen Klick erstellt werden. Zu ihren Visualisierungstypen gehören unter anderem Säulen-, Linien- und Balkendiagramme, Wahlringdiagramme, Flächendiagramme, Streudiagramme, Choroplethen- und Symbolkarten sowie Locator-Karten. Die fertigen Visualisierungen erinnern an Seiten wie die New York Times oder Boston Globe. Tatsächlich werden ihre Diagramme von Publikationen wie Mother Jones, Fortune und The Times verwendet.

Der kostenlose Plan eignet sich perfekt zum Einbetten von Grafiken auf kleineren Websites mit begrenztem Datenverkehr, aber kostenpflichtige Pläne sind auf der teuren Seite und beginnen bei 39 $/Monat.

Vorteile

• Speziell für die Visualisierung von Nachrichtenredaktionsdaten entwickelt
• Der kostenlose Plan eignet sich gut für kleinere Websites
• Das Tool enthält einen integrierten Farbblindheitsprüfer

Nachteile

• Begrenzte Datenquellen
• Bezahlte Pläne sind auf der teuren Seite

Beispiel

Endeffekt

Datawrapper ist eine ausgezeichnete Wahl für Datenvisualisierungen für Nachrichtenseiten. Trotz des Preises lohnen sich die Funktionen, die Datawrapper für die nachrichtenspezifische Visualisierung enthält.

D3.js

D3.js ist eine JavaScript-Bibliothek zum Bearbeiten von Dokumenten mithilfe von Daten. D3.js erfordert zumindest einige JS-Kenntnisse, obwohl es Apps gibt, die es nicht programmierenden Benutzern ermöglichen, die Bibliothek zu nutzen.

Zu diesen Apps gehören NVD3, das wiederverwendbare Diagramme für D3.js bietet; Plotlys Chart Studio, mit dem Designer auch WebGL- und andere Diagramme erstellen können; und Ember Charts, das ebenfalls das Ember.js-Framework verwendet.

Vorteile

• Sehr leistungsfähig und anpassbar
• Riesige Anzahl von Diagrammtypen möglich
• Ein Fokus auf Webstandards
• Verfügbare Tools, mit denen Nicht-Programmierer Visualisierungen erstellen können
• Kostenlos und Open-Source

Nachteile

• Erfordert Programmierkenntnisse zur alleinigen Verwendung
• Weniger Support verfügbar als bei kostenpflichtigen Tools

Beispiele

Endeffekt

D3.js ist nur für diejenigen Designer geeignet, die entweder Zugang zu einem Programmierer zur Hilfe haben oder selbst über Programmierkenntnisse verfügen.

Google-Diagramme

Google Charts ist ein leistungsstarkes, kostenloses Datenvisualisierungstool, das speziell für die Erstellung interaktiver Diagramme zur Online-Einbettung gedacht ist. Es arbeitet mit dynamischen Daten und die Ausgaben basieren rein auf HTML5 und SVG, funktionieren also in Browsern ohne die Verwendung zusätzlicher Plugins. Zu den Datenquellen gehören Google Spreadsheets, Google Fusion Tables, Salesforce und andere SQL-Datenbanken.

Es gibt eine Vielzahl von Diagrammtypen, darunter Karten, Punktdiagramme, Säulen- und Balkendiagramme, Histogramme, Flächendiagramme, Tortendiagramme, Baumkarten, Zeitachsen, Messgeräte und viele andere. Diese Diagramme können über eine einfache CSS-Bearbeitung vollständig angepasst werden.

Vorteile

• Kostenlos
• Große Auswahl an Diagrammformaten verfügbar
• Cross-Browser-kompatibel, da es HTML5/SVG verwendet
• Funktioniert mit dynamischen Daten

Nachteile

• Über die verfügbaren Tutorials und das Forum hinaus gibt es nur begrenzten Support

Beispiele

Endeffekt

Google Charts ist eine großartige Option, wenn ein Designer mit dem Codieren einigermaßen vertraut ist und eine leistungsstarke, kostenlose Lösung wünscht. Da jede SQL-Datenbank als Datenquelle verwendet werden kann, ist sie auch für große Datenmengen eine gute Option.

FusionCharts

FusionCharts ist eine weitere JavaScript-basierte Option zum Erstellen von Web- und Mobil-Dashboards. Es enthält über 150 Diagrammtypen und 1.000 Kartentypen. Es kann in gängige JS-Frameworks (einschließlich React, jQuery, React, Ember und Angular) sowie in serverseitige Programmiersprachen (einschließlich PHP, Java, Django und Ruby on Rails) integriert werden.

FusionCharts bietet gebrauchsfertigen Code für alle Diagramm- und Kartenvariationen, was die Einbettung in Websites erleichtert, selbst für Designer mit begrenzten Programmierkenntnissen. Da FusionCharts darauf abzielt, Dashboards zu erstellen und nicht nur einfache Datenvisualisierungen, ist es eine der teuersten Optionen, die in diesem Artikel enthalten sind. Aber es ist auch eines der stärksten.

Vorteile

• Riesige Anzahl von Diagramm- und Kartenformatoptionen
• Mehr Funktionen als die meisten anderen Visualisierungstools
• Integriert sich in eine Reihe verschiedener Frameworks und Programmiersprachen

Nachteile

• Teuer (beginnt bei fast 500 $ für eine Entwicklerlizenz)
• Overkill für einfache Visualisierungen außerhalb einer Dashboard-Umgebung

Beispiele

Endeffekt

Beim Erstellen von Dashboards ist nichts anderes in diesem Artikel wirklich mit FusionCharts vergleichbar. Wenn dies das vorliegende Projekt ist, ist dies zweifellos die stärkste Wahl.

Diagramm.js

Chart.js ist eine einfache, aber flexible JavaScript-Diagrammbibliothek. Es ist Open Source, bietet eine gute Auswahl an Diagrammtypen (insgesamt acht) und ermöglicht Animation und Interaktion.

Chart.js verwendet HTML5 Canvas für die Ausgabe, sodass Diagramme in allen modernen Browsern gut gerendert werden. Die erstellten Diagramme sind auch responsiv, sodass sie sich hervorragend zum Erstellen von Visualisierungen eignen, die für Mobilgeräte geeignet sind.

Vorteile

• Kostenlos und Open-Source
• Responsive und Cross-Browser-kompatible Ausgabe

Nachteile

• Sehr begrenzte Diagrammtypen im Vergleich zu anderen Tools
• Begrenzte Unterstützung außerhalb der offiziellen Dokumentation

Beispiele

Endeffekt

Chart.js ist eine gute Option für Designer, die eine einfache, anpassbare, interaktive Visualisierungsoption benötigen. Seine größten Verkaufsargumente sind, dass es kostenlos und Open Source ist.

Grafana

Grafana ist eine Open-Source-Visualisierungssoftware, mit der Benutzer dynamische Dashboards und andere Visualisierungen erstellen können. Es unterstützt gemischte Datenquellen, Anmerkungen und anpassbare Warnfunktionen und kann über Hunderte von verfügbaren Plugins erweitert werden. Das macht es zu einem der leistungsstärksten Visualisierungstools, die es gibt.

Exportfunktionen ermöglichen es Designern, Schnappschüsse von Dashboards zu teilen und andere Benutzer zur Zusammenarbeit einzuladen. Grafana unterstützt über 50 Datenquellen über Plugins. Es kann kostenlos heruntergeladen werden, oder es gibt eine Cloud-gehostete Version für 49 $/Monat. (Es gibt auch eine sehr begrenzte kostenlose gehostete Version.) Für die herunterladbare Version sind auch Supportpläne verfügbar, was viele andere Open-Source-Tools nicht bieten.

Vorteile

• Open Source, mit kostenlosen und kostenpflichtigen Optionen verfügbar
• Große Auswahl an Datenquellen verfügbar
• Vielzahl von Diagrammtypen verfügbar
• Vereinfacht das Erstellen dynamischer Dashboards
• Kann mit gemischten Datenfeeds arbeiten

Nachteile

• Overkill zum Erstellen einfacher Visualisierungen
• Bietet nicht so viele visuelle Anpassungsoptionen wie einige andere Tools
• Nicht die beste Option zum Erstellen von Visualisierungsbildern
• Dashboards können nicht in Websites eingebettet werden, sind jedoch für einzelne Panels möglich

Beispiele

Endeffekt

Grafana ist eine der besten Optionen zum Erstellen von Dashboards für den internen Gebrauch, insbesondere für gemischte oder große Datenquellen.

Chartist.js

Chartist.js ist eine kostenlose Open-Source-JavaScript-Bibliothek, die es ermöglicht, einfache responsive Diagramme zu erstellen, die hochgradig anpassbar und browserübergreifend kompatibel sind. Die gesamte JavaScript-Bibliothek ist nur 10 KB groß, wenn sie mit GZIP komprimiert ist. Mit Chartist.js erstellte Diagramme können auch animiert und durch Plugins erweitert werden.

Vorteile

• Kostenlos und Open-Source
• Winzige Dateigröße
• Diagramme können animiert werden

Nachteile

• Nicht die größte Auswahl an verfügbaren Diagrammtypen
• Keine Mapping-Fähigkeiten
• Eingeschränkter Support außerhalb der Entwickler-Community

Beispiele

Endeffekt

Chartist.js ist eine gute Option für Designer, die einfache, einbettbare, ansprechende Diagramme mit einer kleinen Dateigröße wünschen.

Sigmajs

Sigmajs ist ein Einzweck-Visualisierungstool zum Erstellen von Netzwerkdiagrammen. Es ist hochgradig anpassbar, erfordert jedoch einige grundlegende JavaScript-Kenntnisse, um es zu verwenden. Die erstellten Diagramme sind einbettbar, interaktiv und reaktionsschnell.

Vorteile

• Hochgradig anpassbar und erweiterbar
• Kostenlos und Open-Source
• Einfaches Einbetten von Grafiken in Websites und Apps

Nachteile

• Erstellt nur einen Visualisierungstyp: Netzwerkdiagramme
• Erfordert JS-Kenntnisse zum Anpassen und Implementieren

Beispiele

Endeffekt

Aufgrund seines einzelnen Fokus ist Sigmajs eine großartige Option zum Erstellen von Netzwerkdiagrammen, solange der Designer mit JavaScript vertraut ist.

Polymaps

Polymaps ist eine dedizierte JavaScript-Bibliothek für Mapping. Die Ausgaben sind dynamische, ansprechende Karten in einer Vielzahl von Stilen, von Bildüberlagerungen über Symbolkarten bis hin zu Dichtekarten. Es verwendet SVG, um die Bilder zu erstellen, sodass Designer CSS verwenden können, um die visuelle Darstellung ihrer Karten anzupassen.

Vorteile

• Kostenlos und Open-Source
• Speziell für die Kartierung gebaut
• Einfaches Einbetten von Karten in Websites und Apps

Nachteile

• Erstellt nur einen Visualisierungstyp
• Erfordert einige Programmierkenntnisse zum Anpassen und Implementieren

Beispiele

Endeffekt

Polymaps ist eine gute Option, wenn Karten die einzige Art der erforderlichen Visualisierung sind, solange der Designer mit einigen grundlegenden Codierungen vertraut ist.

Fazit

Designern steht eine so große Vielfalt an Visualisierungstools zur Verfügung, dass es schwierig sein kann, sich für eines zu entscheiden. Designer von Datenvisualisierungen sollten Dinge wie Benutzerfreundlichkeit und die Frage berücksichtigen, ob ein Tool die Funktionen hat, die sie benötigen.

Die Auswahl des leistungsstärksten verfügbaren Tools ist nicht immer die beste Idee: Lernkurven können steil sein und mehr Ressourcen erfordern, um einfach loszulegen, während ein einfacheres Tool in einem Bruchteil der Zeit genau das erstellen kann, was benötigt wird. Denken Sie jedoch daran, dass das Tool nur ein Teil der Gleichung bei der Erstellung einer Datenvisualisierung ist; Designer müssen auch darüber nachdenken, was sonst noch zu einer großartigen Datenvisualisierung gehört.

Die meisten Tools zur Datenvisualisierung beinhalten kostenlose Testversionen (wenn nicht das gesamte Tool kostenlos ist). Es lohnt sich also, sich die Zeit zu nehmen, ein paar auszuprobieren, bevor man sich für eine einzelne Lösung entscheidet.

• • •

Weiterführende Literatur im Toptal Design Blog:

1. Datenvisualisierung – Best Practices und Grundlagen
2. Lassen Sie sich von diesen Datenvisualisierungen inspirieren
3. Dashboard-Design – Überlegungen und Best Practices
4. Wenn Sie keine UX-Daten verwenden, ist es kein UX-Design
5. Stärke in Zahlen – Data-Driven Design im Überblick