{"id":1019,"date":"2016-08-18T10:57:07","date_gmt":"2016-08-18T08:57:07","guid":{"rendered":"http:\/\/usersnap.com\/de\/blog\/?p=1019"},"modified":"2016-08-18T10:57:07","modified_gmt":"2016-08-18T08:57:07","slug":"daten-visualisieren","status":"publish","type":"post","link":"https:\/\/usersnap.com\/de\/blog\/daten-visualisieren\/","title":{"rendered":"8 gro\u00dfartige Tools, um Daten auf Ihrer Website oder App zu visualisieren"},"content":{"rendered":"

Wir bei Usersnap sind gro\u00dfe Fans von visueller Kommunikation. Und wir finden es klasse, dass das Internet immer visueller wird. Das bezieht sich nicht nur auf Messenger-Tools wie Chat oder Hipchat, Projektmanagement-Systeme wie Trello oder Basecamp, sondern betrifft auch die Visualisierung von Daten-Sets.<\/p>\n

Der Vorteil liegt auf der Hand: Daten wirken greifbarer und klarer, wenn Sie in einem Diagramm oder einer Timeline visuell dargestellt werden. Maps sind in der Lage komplexe Sachverhalte abzubilden, meist in einer Form, in der Details erst sichtbar werden, wenn man mit der Maus \u00fcber einen bestimmten Bereich f\u00e4hrt. Der Vorteil der Visualisierung von gro\u00dfen Datenmengen liegt darin, sowohl das Big Picture abzubilden, wie auch Details darzustellen.<\/p>\n

Wir stellen Ihnen heute einige der Tools vor, mit denen Sie Daten visuell darstellen k\u00f6nnen! Los geht\u2019s!<\/p>\n

<\/p>\n

Was bringt Daten-Visualisierung?<\/h2>\n

Daten-Visualisierung bedeutet, Daten anschaulich und verst\u00e4ndlich aufzubereiten. Diagramme sind ansprechender als eine Auflistung von Zahlen, das wei\u00df jeder, der schon einmal Excel Tabellen in interaktiven Charts dargestellt hat. Daten-Visualisierung wird immer wichtiger, wenn es darum geht, komplexe Verh\u00e4ltnisse verst\u00e4ndlich darzustellen. Auch f\u00fcr Designer ist das eine gro\u00dfe Herausforderung. Der Autor und Daten-Journalist David McCandless erkl\u00e4rt den Vorteil von Daten-Visualisierung in seinem TED Talk<\/a>:<\/p>\n

“By visualizing information, we turn it into a landscape that you can explore with your eyes, a sort of information map. And when you’re lost in information, an information map is kind of useful.”<\/p><\/blockquote>\n

Welches Tool ist das richtige f\u00fcr Sie<\/i>?<\/h2>\n

Es kommt darauf an. Da es mitunter schwierig sein kann, das geeignete Tool zu finden, wenn es um Daten-Visualisierung geht, will ich Ihnen heute einige Tools vorstellen. Ich w\u00fcrde Sie ermutigen, ein paar dieser Tools einfach einmal auszuprobieren. Vielleicht suchen Sie nach einer sehr leichten L\u00f6sung wie Google Charts oder einer eher detaillierten und komplexeren L\u00f6sung wie FusionCharts oder D3. Oder Sie suchen nach einer L\u00f6sung Daten in einer Timeline abzubilden. Es gibt eine Menge kostenloser Tools, die Sie verwenden k\u00f6nnen und sicherlich finden Sie das richtige Tool f\u00fcr Ihr Projekt. Viel Spa\u00df beim Ausprobieren!<\/p>\n

1. Tableau Public<\/a><\/h2>\n

Tableau Public ist mit einer gro\u00dfen Sammlung an Diagrammen, Tabellen, Karten und vielem mehr ein beliebtes Visualisierungs-Tool, das einfach zu benutzen und v\u00f6llig kostenlos ist. Einziger Haken ist ein gro\u00dfer Footer mit Tableau-Werbung, der in der kostenlosen Version hinzugef\u00fcgt wird. F\u00fcr alle die das nicht wollen, gibt es eine kommerzielle Version. Was Tableau alles kann? Das k\u00f6nnen Sie an dieser Visualisierung der Tore der letzten Europameisterschaft <\/a>exemplarisch sehen. User k\u00f6nnen Ihre Daten ganz einfach in das System importieren und dabei zusehen, wie es in Echtzeit upgedatet wird. Auch eine Team-Option ist verf\u00fcgbar.<\/p>\n

\"tableau<\/p>\n

2. Fusion Charts <\/a><\/h2>\n

FusionCharts bietet eine Sammlung von 90+ Diagrammen und mehr als 965 Karten, die Sie f\u00fcr Visualisierungen verwenden k\u00f6nnen. FusionCharts ist bereits sehr lange am Markt und Browser-Kompatibilit\u00e4t ist hier kein Problem. FusionCharts funktioniert sowohl mit JSON als auch mit XML Formaten. Hier ist ein \u00dcberblick \u00fcber die Features von FusionCharts. <\/a><\/p>\n

Mit einer ausgekl\u00fcgelten JavaScript API ist es einfach mit AJAX Anwendungen oder JavaScript Framework zu integrieren. Fusion Charts ist kostenpflichtig, aber sie k\u00f6nnen alle Diagramme kostenlos ausprobieren, bevor Sie sich zum Kauf entscheiden.<\/p>\n

\"fusion<\/p>\n

3. D3.js<\/a><\/h2>\n

D3.js ist eine der bekanntesten Daten-Visualisierungs Libraries unserer Zeit. Oftmals wird D3.js auch einfach nur D3 genannt. Entwickler haben hier die M\u00f6glichkeit komplexe Tabellen und Diagramme zu erstellen. D3 verwendet dazu Technologien wie HTML, SVG und CSS, sodass die D3 Diagramma auf allen Plattformen (iOS\/Android, Web-Browser, Desktop Apps) funktionieren. Dennoch ist D3 ein Programm f\u00fcr moderne Browser, sodass Sie bei einem zu alten Browser evt. Kompatibilit\u00e4tsprobleme bekommen k\u00f6nnen. D3 ist ein Open-Source Programm.<\/p>\n

\"D3\"<\/p>\n

4. Raw <\/a><\/h2>\n

Raw bildet die Br\u00fccke zwischen Spreadsheets und Vektor-Graphiken. Es ist open-source, individualisierbar und kostenlos. Mit Raw k\u00f6nnen Sie vektorbasierte Datenvisualisierungen erstellen. Es kann als SVG oder PNG exportiert oder in Ihren Webspace integriert werden.<\/p>\n

Raw bietet eine Auswahl von 16 Diagramm-Arten, die Sie direkt verwenden k\u00f6nnen. Das Besondere an Raw ist, dass es wirklich vollst\u00e4ndig individualisierbar ist, sodass Sie Ihre eigenen Layouts verwenden k\u00f6nnen.<\/p>\n

Hier k\u00f6nnen Sie sehen, wie Raw funktioniert:<\/p>\n