Datenvisualisierungs-Websites – 101 der besten Ressourcen

Ideen, Inspirationsblogs, Menschen, Tools und mehr!

Wir haben uns auf die Suche gemacht, um Ihnen 101 Websites zur Datenvisualisierung zu präsentieren, die die besten Ressourcen, Software und Online-Schulungen zum Thema Datendesign vorstellen. Die meisten sind kostenlos (oder Freemium); alle sind absolut nützlich. Wenn wir etwas Tolles verpasst haben, fügen Sie es bitte in den Kommentaren hinzu!

Wir hoffen, dass für jeden etwas dabei ist, vom absoluten Neuling bis zum erfahrenen Designer und Programmierer. Einiges davon ist technisch, anderes lehrreich; es gibt Software und dann gibt es haufenweise kostenlose Ressourcen wie Bildbibliotheken, die ein gutes Datendesign ergänzen.

Ohne weitere Umschweife und in keiner bestimmten Reihenfolge stellen wir Ihnen hier die besten Websites zur Datenvisualisierung vor:

 

Artikel und tolle Blogs

Diese Websites zur Datenvisualisierung sollten Sie als Lesezeichen in Ihrem Browser speichern.

 

1.
Die Do’s & Dont’s des Infografik-Designs
– Dieser Beitrag aus dem Smashing Magazine zeigt einige der wichtigsten Dinge, die Sie bei Ihrer schönen Infografik tun sollten und solche, die Sie auf keinen Fall tun sollten.

2.
Brauereipaletten
– Eine großartige Einführung in die Auswahl von Farbpaletten, um die beste Wirkung zu erzielen und warum. Wir haben später in diesem Beitrag einige Hilfsmittel für die Auswahl von Farbpaletten vorgestellt, so dass es eine gute Idee ist, sich zunächst eine Theorie zurechtzulegen.

3.
Interaktive Datenvisualisierung für das Web Ebook
– Der Name sagt alles: Dies ist ein ziemlich umfassendes Ebook darüber, wie man JS und interaktive Code-Bibliotheken wie d3.js im Web einsetzt. Behandelt CSS & HTML, DOM, Inhalt plus Struktur, Bilder, Daten, Python, Layouts, Json, GeoJson, Choroplethen, MAMP, WAMP, LAMP (ja, auch die musste ich googeln), Geomapping, Export von Dateien. Wie ich schon sagte, der Name ist Programm.

4.
Die Vor- und Nachteile der Verwendung einer Microsite für Ihr Unternehmen
– Wir sind der festen Überzeugung, dass Microsites keine Zauberei sind, und wenn Ihr Inhalt auf dem Papier langweilig ist, wird die Aufmachung einer Microsite daran wahrscheinlich auch nichts ändern. Aber verlassen Sie sich nicht nur auf mein Wort, sondern lesen Sie diesen Blog!

5.
Wie Sie das richtige Diagramm oder die richtige Grafik für Ihre Daten auswählen
– Wenn Sie möchten, dass Ihre Daten gelesen und verstanden werden, müssen Sie zunächst wissen, wie Sie Ihre Daten darstellen können. In diesem Leitfaden erfahren Sie alles, was Sie über Diagramme, Grafiken und Ihre Daten wissen müssen.

6.
Wie man Infografiken erstellt – Ein Leitfaden für Anfänger
– Sie können sich bei The Guardian für diese Anleitung bedanken. In diesem Artikel erfahren Sie alles über die Grundlagen von Infografiken und Datenvisualisierung. Es ist eine großartige Ressource, wenn Sie sich noch mit der Datenvisualisierung vertraut machen wollen.

 

Diagramme

Diese Websites zur Datenvisualisierung können Sie als Referenz für Tabellen und Diagramme verwenden.

 

7.
Data Viz-Katalog
– Wenn Sie auf der Suche nach Inspiration sind, nach alternativen Diagrammtypen oder nach dem richtigen Diagramm für einen schwierigen Bericht, dann schauen Sie sich den Data Viz Katalog an. Es verfügt über eine Bibliothek von einfachen bis hin zu komplexen Diagrammen, die die meisten Fragen zu Diagrammen und Grafiken beantworten können.

8.
Datadvisualisation.ch
– Dies ist wahrscheinlich eine der besten Ressourcen für alles, was mit Datenvisualisierung zu tun hat, im Internet. Dieser Link führt Sie zum Abschnitt mit den Diagrammen, aber wir empfehlen Ihnen, die gesamte Website zu erkunden, denn sie ist wirklich großartig.

9.
AmCharts
– Eine weitere JavaScript-Bibliothek, die über ein praktisches kleines WordPress-Plugin verfügt, das Sie dann bearbeiten und den Code mit einem Shortcode einbetten können.

10. HighCharts – Diese JavaScript-Bibliothek bietet eine Vielzahl von interaktiven Diagrammtypen. Außerdem verfügt es über eine kostenlose Lizenz für die nicht-kommerzielle Nutzung.

11.
Ploty.ly
– Mit der kostenlosen Version dieser webbasierten Schnittstelle können Sie einfache interaktive Diagramme auf Basis von d3.js erstellen.

12.
uvCharts
– Das kleine, aber feine Tool uvCharts ist einfach zu bedienen und kostenlos! Gewonnen!

 

Karten, Kartografie und geografische Daten

Die besten Websites und Ressourcen für die Erstellung digitaler Karten

 

13.
Modest Karten
– Modest Maps ist eine kostenlose Ressource und Bibliothek für die Gestaltung interaktiver Karten, die auch für Amateurprogrammierer und -entwickler zugänglich sein soll.

14.
Polymaps
– Eine JavaScript-Bibliothek für Bild- und Vektorkarten. Diese Seite ist etwas technischer, aber sie ist eine supercoole Ressource für die Erstellung webbasierter interaktiver und geschichteter Karten.

15.
Kartograph
– Eine weitere Mapping-Option, die einige Optionen bietet, darunter eine Python- und JS-Bibliothek.

16.
Carto
(ehemals CartoDB) – Unsere erste Wahl für interaktive Karten. Hat eine kostenpflichtige Version, ist aber eine der besten Mapping-Bibliotheken auf dem Markt.

17.
Mapbox
– Mapbox rühmt sich damit, dass Sie “mit unseren SDKs für Kartierung, Navigation und Standortsuche Standortinformationen in jede Anwendung einfügen können”.

18.
Instant Atlas
– Instant Atlas , ein Softwarepaket für Microsoft Windows, ist ein gehosteter Dienst, der die Speicherung von Daten und Metadaten, die Benutzerverwaltung und ein anpassbares Web-Frontend bietet.

19. Mapline – Eine Freemium-Version mit anderen Optionen und mehr Funktionen, Mapline istfür die Excel-Interaktion konzipiert.

20.
Mapsdata.co.uk
– Ein großartiges, einfaches Kartierungstool, das für technisch nicht versierte Personen entwickelt wurde, mit einer Schnittstelle, die es Ihnen ermöglicht, Daten über eine Webschnittstelle hinzuzufügen.

 

Menschen

Datenvisualisierungen, die Sie kennen sollten

 

21. David McCandless – Einer der größten Namen in der Welt der Datenvisualisierung. Er ist bekannt für sein Buch Information Is Beautiful und seine Arbeit für The Guardian UK.

22.
Stephen Few
– Am besten bekannt für seine Arbeit an Dashboards und die Nutzung von Informationen aus der Sicht der Unternehmensanalyse.

23.
Nicholas Felton
– Informations- und Infografikdesigner mit einigen besonders coolen Arbeiten im Bereich der Jahresberichterstattung.

24. Alberto Cairo – Schriftsteller, Künstler, Podcaster.

25.
Nathan Yau
– Autor von Flowing Data, Datenvisualisierer und Statistiker, dessen Arbeit sich oft auf große statistische Daten und deren Visualisierung mit Technologien wie R und Tableau konzentriert.

26.
Edward Tufte
– Pionier und produktiver Autor auf dem Gebiet der Datenvisualisierung und des Informationsdesigns (wohl dessen Begründer oder erster Verfechter).

27. Hans Rosling – Ein Statistiker und Arzt, der jeden dazu inspirieren kann, sich in die Datenvisualisierung zu verlieben. Schauen Sie sich seine TED-Vorträge an, um sich von der Datenvisualisierung inspirieren zu lassen.

 

Inspiration

Sehen Sie sich diese 9 Ressourcen und Websites zur Datenvisualisierung an und lassen Sie sich inspirieren.

 

28.
InformationIsBeautiful.net
– Der oben erwähnte David McCandless ist ein Schwergewicht in Sachen Datenvisualisierung, und sein Lieblingsthema sind Tortendiagramme. Hier werden Sie keinen einzigen finden. Stöbern Sie stattdessen auf dieser beeindruckenden Website, auf der David und sein Team “die Daten, Informationen und das Wissen der Welt in schöne und nützliche Grafiken und Diagramme destillieren”. Schauen Sie es sich an, lassen Sie sich inspirieren und machen Sie sich wieder an die Erstellung Ihrer eigenen Datenvisualisierung!

29.
20 Animierte und interaktive Infografiken, die man gesehen haben muss
– Wie der Titel schon sagt, müssen Sie diese Infografiken einfach sehen. Das müssen Sie . Schnell! Gehen Sie jetzt! Beeilen Sie sich!

30.
Animierte interaktive Infografiken
– Eine Liste von 20 sehr coolen interaktiven Grafiken.

31.
Tableau Viz des Tages
– Die beste Nutzung von Tableau, jeden Tag aktualisiert.

32.
CoolInfographics.com
– Ein toller Blog, der sich einigen ziemlich coolen Infografiken widmet.

33.
Behance.net
– Diese Website von Adobe ist wie eine große Online-Galerie, in der neue Arbeiten entdeckt und präsentiert werden können.

34.
Kreativ-Bloq
– Dieser Link widmet sich allen Dingen, die Kunst und Design inspirieren, und führt Sie direkt zu 100 großartigen Infografiken.

35. Pinterest – Klingt offensichtlich, aber es ist wirklich eine erstaunliche Möglichkeit, großartige Ideen oder Inspirationen zu suchen und zu katalogisieren. Der Link führt zu einem unserer Boards, damit Sie sehen können, wie wir es in der Agentur verwenden.

36.
Twitter
– Verfolgen Sie, was die Twitterwelt sagt, indem Sie den beliebten Hashtag #dataviz verfolgen.

 

Infografiken

Erstellen Sie Ihre eigenen Infografiken – 7 Software-Sites für die Datenvisualisierung

 

37.
Piktochart
– Machen Sie sich ein Bild und erstellen Sie Ihre eigenen Infografiken mit diesem einfachen Online-Tool.

38.
Venngage
– Ein kostenloses, auf Vorlagen basierendes Online-Tool, mit dem Sie Ihre eigenen Infografiken erstellen können.

39.
Canva
– Ein einfaches Drag-and-Drop-Tool. Auch kostenlos!

40.
Easel.ly
– Ein Ort, an dem du deine visuellen Ideen kreieren und mit der Welt teilen kannst.

41.
Vizualize.me
– Wollten Sie schon immer eine visualisierte Version Ihres Lebenslaufs erstellen? Jetzt können Sie das.

42.
Infogram.de
– Erstellen Sie Infografiken und Diagramme online.

43.
Visme.co
– … Sie wissen, wie es geht.

 

Bilder

Finden Sie das Bildmaterial für Ihre nächste Infografik oder Ihr Datenvisualisierungsprojekt.

 

44.
Pixabay
– Hält eine Reihe von kostenlosen Fotos, Bildern und Hintergründen für alle Ihre Data-Viz-Bedürfnisse bereit!

45.
Canva
– Canva bietet eine ganze Reihe kostenloser Stockfotos an; sehen Sie sich diese hier an.

46.
Dribble
– Eine Online-Bildergalerie, die bei Designern beliebt ist, um ihre eigenen Inhalte hochzuladen und die der Welt zu entdecken.

47.
Pinterest
– Wir wissen, was du denkst… Jeder und seine Mutter hat ein Pinterest. Und? Es ist immer noch ein großartiges Werkzeug, wenn es um Datenvisualisierung geht!

48.
Weheartit
– Lassen Sie sich von den Lieblingskollektionen der anderen inspirieren.

49.
Perlbäume
– Organisieren Sie alle Ihre Lieblingsbilder und Interessen mit diesem praktischen Online-Tool.

50.
Designschule.canva
– In diesem Canva-Blog finden Sie eine Liste mit 73 Websites, auf denen Sie kostenlose Bilder für Ihre Website oder Ihren Blog finden.

 

Artikel/Vorträge

Informieren Sie sich auf diesen Websites über Datenvisualisierung.

 

51.
Martin Krzywinski Brewer-Paletten
– In dieser ausführlichen Erklärung erfahren Sie alles, was Sie über Brewer-Paletten wissen müssen.

52.
Interaktive Datenvisualisierung für das Web
– Wer muss in die Bibliothek gehen? Dieses frei zugängliche Online-Ebook ist eine großartige Ressource, um die Grundlagen der Datenvisualisierung für das Web zu erlernen.

53. Was zum Teufel ist eine Microsite und warum brauche ich eine? – Wenn Sie sich diese Frage schon einmal gestellt haben, ist dieser Artikel genau das Richtige für Sie.

54.
Die besten Statistiken, die Sie je sehen werden
– Dieser TED-Vortrag des großen verstorbenen Hans Rosling wird Sie dazu bringen, sich in alles zu verlieben, was mit Statistiken, Big Data und Data Viz zu tun hat. Alle. Ende. Nochmals.

55.
Die Schönheit der Datenvisualisierung
– Wenn Sie immer noch an der Bedeutung und der Magie von Zahlen zweifeln, wird Sie dieser TED-Vortrag sicher neu inspirieren.

56.
Daten durch Storytelling zu mehr Bedeutung verhelfen
– Wer sagt, dass YouTube nur für Katzenvideos ist?

 

Farbe

Ein Regenbogen von Möglichkeiten – unsere Auswahl für Ihre nächsten Farbpaletten zur Datenvisualisierung.

 

57.
Auswahl von Farben für die Datenvisualisierung
– Dieser einfache Zehner gibt Ihnen einen großen Vorsprung, wenn es um die Auswahl von Farben für Ihr Projekt oder Design geht.

58.
Der Farb-Emotions-Leitfaden
– Ein praktischer visueller Leitfaden, um sicherzustellen, dass das Verhältnis zwischen Farbe und Emotion stimmt.

59.
Ein freundlicher Leitfaden für Farben in Datenvisualisierungen
– Ein weiterer Leitfaden für Farben in Datenvisualisierungen. Jetzt noch freundlicher!

60.
Colorpicker für Daten
– Dieses lustige kleine Tool hilft Ihnen, Ihre Farbauswahl zu visualisieren. Eine tolle Art, sich die Zeit zu vertreiben… Wir meinen die Wahl der richtigen Farben für das Projekt, an dem Sie gerade arbeiten.

61. Color Oracle – Entwickelt für Farbbehinderte, Color Oracle ist ein kostenloser – und fabelhafter – Farbenblindheitssimulator.

62.
Farbschema Designer
– Schema mit Farben, Sie Designer, Sie.

63.
Farbenjagd
– Stöbern Sie in schönen Farbpaletten und lassen Sie sich für Ihre eigenen Projekte inspirieren.

 

Microsites

Hier finden Sie unsere Auswahl an großartigen Ressourcen für Microsites, unsere Lieblingsorte für die Datenvisualisierung.

 

64.
11 der besten Microsite-Beispiele
– In diesem Artikel finden Sie einige herausragende Beispiele für Microsites, die Ihnen als Orientierung und Inspiration dienen.

65.
Microsite.com
– Erstellen Sie Ihre erste Microsite mit der Hilfe von microsite.com!

66.
Erstellen einer ansprechenden interaktiven Microsite
– Dieser Blog führt Sie durch die Schritte, die zur Erstellung einer ansprechenden und interaktiven Microsite erforderlich sind.

67.
17 großartige Beispiele für Microsites, die das Interesse der Käufer wecken
– Lernen Sie dazu!

 

Leitfäden und How-Tos

Unsere Auswahl an Möglichkeiten, mehr über die Welt der Datenvisualisierung zu erfahren.

 

68.
Wie Sie den Quellcode Ihrer Website lesen und warum das wichtig ist
– Wenn Sie Ihre eigene Website erstellen, dürfte dieser Leitfaden recht hilfreich sein.

69.
Anleitung zum Erlernen der Datenvisualisierung für Einsteiger
– Wenn Sie ein Neuling sind, ist diese Anleitung genau das Richtige für Sie!

70.
Einsteigerhandbuch für Infografiken
– Das ist DataViz101.

71.
Wie Sie Bilder auf Ihrer Website gutschreiben
– Ein praktischer visueller Leitfaden, wenn Sie sich einmal unsicher sind.

72.
5 brillante Microsites und warum sie so wirkungsvoll sind
– Wenn Sie das Wie und Warum und nicht nur das Hier und Jetztvon Microsites wissen wollen, ist dies ein Muss.

73.
Einführung in die Datenvisualisierung: Dos und Donts bei Diagrammen
– Und jetzt wissen Sie es.

 

Schriftarten

Wir lieben Typografie. Dies sind großartige Websites für Schriftarten, die für die Datenvisualisierung verwendet werden können.

 

74.
Erste Schritte mit Google Fonts API
– Holen Sie sich den Google-Durchlauf.

75.
Google-Schriftarten
– … Und dann gehen Sie zu Google.

76.
Schriftarten-Paar
– Ein praktischer kleiner Helfer für Google Fonts, Font Pair werden verschiedene Google-Schriftarten miteinander kombiniert.

77.
Schriftart Platz
– Versuchen Sie nie wieder, zwischen Arial und Arial Black zu wählen. Auf Font Space können Sie eine ganze Reihe kostenloser Schriftarten finden und herunterladen.

78.
DaFont
– Eine weitere Bibliothek mit kostenlosen Schriftarten für Ihre Auswahl!

79.
Urban-Schriften
– Schriftarten, die urban sind. Landbewohner sind nicht erlaubt.

80.
Kostenlose Schriftart
– Wir lieben kostenlos, Sie nicht auch?

81.
Schriftart Eichhörnchen
– Kostenlose Schriftarten – auch für die kommerzielle Nutzung! Allerdings gibt es keine Eichhörnchen umsonst. :/ Enttäuscht.

82.
1001 Gratis-Schriften
– Nur 1001 kostenlose Schriftarten. Es könnte noch mehr sein. Wer weiß? (Es gibt bestimmt noch mehr.)

 

Werkzeuge

Werkzeuge, Software, Referenzseiten – wir empfehlen diese Links.

 

83.
Tableau
– Wenn Sie den Namen noch nicht kennen, gewöhnen Sie sich daran. Tableau ist der schwergewichtige Weltmeister der Datenvisualisierung, und seine Produkte und Software können Unternehmen und Datenvisualisierer gleichermaßen unterstützen.

84.
Cliq
– Qlik ausprobieren oder kaufen für einen großartigen Service für alle Ihre Bedürfnisse im Bereich der visuellen Analyse. Sie sind eine große Waffe im Land der Datenvisualisierung und -analytik, obwohl sie Qliq hat ihren Preis… Es geht um Geld. Der Preis ist Geld.

85.
Fusion Charts
– Wenn Sie ein Mann oder eine Frau der Charts sind, ist Fusion Charts ist für Sie und bietet Ihnen “volle Kontrolle über die Ästhetik und das Verhalten” Ihrer Diagramme. Diese Software ist zwar nicht kostenlos, aber es gibt eine kostenlose Testversion.

86.
NodeBox
– Die NodeBox bietet eine ganze Familie von Werkzeugen ist ein Open-Source-Projekt für Datenvisualisierung für alle Ihre kreativen Bedürfnisse.

87.
R-Projekt
– Wenn Sie sich für Statistiken und Grafiken interessieren, ist dieses Werkzeug für Sie. R ist freie Software und beschreibt sich selbst als “eine Sprache und Umgebung für statistische Berechnungen und Grafiken”. Es mag auch lange Spaziergänge am Strand.

88.
ColorZilla
– Eine Browsererweiterung für Chrome und Firefox, ColorZilla wird ein wenig Farbe in Ihr Leben bringen.

89.
Wie man Testdaten erstellt
– Benötigen Sie Testdaten? Mehr ist nicht nötig!

90.
Der Coding-Zug
– Wollten Sie schon immer mal programmieren lernen? Oder müssen Sie das wissen? Lernen Sie es mit Hilfe von YouTube-Videos.

91.
Mockaroo
– Mockaroo ist ein Zufallsdatengenerator und ein API-Mocking-Tool, mit dem Sie benutzerdefinierte CSV-, JSON-, SQL- und Excel-Datensätze erstellen können, um Ihre Software zu testen und zu demonstrieren.

92.
Pixlr
– Pixlr ist ein Online-Fotoeditor, der über Webanwendungen läuft und kostenlose Schriftarten und Grafiken bietet.

93.
Schöne Diagramme
– Wenn Sie ein Diagramm erstellen möchten, werden wir Sie nicht aufhalten – und Lovely Charts bietet seinen Service als “Diagramm-Anwendung” an, um Ihre Zahlen in… nun ja, ein schönes Diagramm zu verwandeln!

 

Code

Haben Sie keine Angst vor diesen Websites zur Datenvisualisierung – Programmieren ist Ihr Freund.

 

94.
Erstellen Ihrer ersten Webseite – Programmieren lernen
– Wenn Sie für Ihre Website programmieren müssen oder wollen, lernen Sie in diesem Leitfaden, wie Sie anfangen können.

95.
Chroma.js
– Chroma.js ist eine kleine JavaScript-Bibliothek für den “Umgang mit Farben”. ermöglicht das Lesen und Konvertieren von Farben aus einer Vielzahl von Formaten, das Analysieren und Manipulieren von Farben sowie die lineare und Bezier-Interpolation in verschiedenen Farbräumen. Ziemlich cool, oder?

96.
SMILE-Widgets
– SMILE-Widgets sind freie, quelloffene Freunde, die Ihnen in Zeiten der (Datenvisualisierung) helfen werden.

97.
RAWGraphs
– Für alles, was mit Tabellenkalkulationen zu tun hat, RAWGraphs ermöglichen es Ihnen, Ihre Daten zu kopieren und einzufügen, ein visuelles Modell auszuwählen, Ihre Datenvisualisierung zu erkunden und sie dann zu exportieren.

98.
Dygraphs
– Verwenden Sie diese Open-Source-JavaScript-Diagrammbibliothek, um Ihre Datensätze zu untersuchen und zu interpretieren.

99.
BonsaiJS
– Dieser handliche kleine Kerl ist eine JavaScript-Grafikbibliothek, die eine Grafik-API und einen SVG-Renderer enthält.

100.
Google Diagramme
– Nutzen Sie die Einfachheit und Leichtigkeit von Google, um Ihre Daten mit Google Charts auf Ihre Website zu bringen.

 

Und, Trommelwirbel, bitte…

 

Zu guter Letzt haben wir endlich die Nr. 101 in unserer Liste der 101 brillanten, erstaunlichen, nützlichen, glorreichen, fan-tas-tic-o Datenvisualisierungs-Websites erreicht…

101.
Die Datalabs-Agentur
– Ihr One-Stop-Shop für alle Ihre Bedürfnisse im Bereich Datenvisualisierung. 😉

Vielen Dank, dass Sie sich unsere Liste der besten Websites und Ressourcen zur Datenvisualisierung angeschaut haben. Wir würden uns freuen, wenn Sie uns mitteilen, welche Websites Sie nützlich finden und welche Ressourcen Sie für unverzichtbar halten.