Data, code, design | Daten-Visualisierung im Talk

Jeffrey Heer ist Informatiker und durch für Informations-Visualisierungen und interaktive Datenanalyse bekannt.

“David McCandless turns complex data sets, like worldwide military spending, media buzz, and Facebook status updates, into beautiful, simple diagrams that tease out unseen patterns and connections. Good design, he suggests, is the best way to navigate information glut — and it may just change the way we see the world.”
TEDEd

DATA, code, design | Abstrakte Daten-Visualisierung

Ab wann spricht man von abstrakter Daten-Visualisierung?

Um Daten-Visualisierungen, Diagramme, Infografiken etc. „lesen“ zu können, ist es wichtig, dass diese leicht verständlich aufgebaut und visualisiert sind. Hierbei spielt der informative Wert die Hauptrolle, der visuelle Anspruch rückt dabei in den Hintergrund und soll nur die Informationsaufnahme unterstreichen.

Onformative, ein Berliner Studio für digital art and design, zeigt (meiner Interpretation zufolge) ein sehr schönes Projekt für abstrakte Daten-Visualisierung mit dem „4010 Facebook Tree“.
Für dieses Projekt wurden Facebook-Beiträge, des Auftraggebers Telekom flagship store, über vier Jahre verarbeitet und mittels Processing visualisiert. Der 4010 Facebook Tree verarbeitet Interaktionen eines Facebook-Posts, wie Like-Anzahl, Type des Posts, Comment-Anzahl etc. und illustriert diese als organischen Baum/Farn.

From onformative | 4010 Facebook Tree
From onformative | 4010 Facebook Tree
From onformative | 4010 Facebook Tree

Ohne Kontext wirkt diese Illustration sehr komplex und detailreich. Erfährt man die generativen/algorithmischen Regeln dahinter, so ist man in der Lage, diesen Baum auf weitere Ebenen zu entschlüsseln und zu entdecken. Damit unterscheidet sich der Anspruch dieser „data illustration“ von jenem der klassischen Daten-Visualisierung insofern, dass hier der visuelle Teil eine viel höhere Wertigkeit besitzt als die Informationsaufnahme.

Mittels angebrachten QR Codes können LeserInnen den Spalt zwischen Information und Grafik schließen und können die dahinter verarbeiteten Daten eruieren und werden direkt zum Facebook-Post geleitet.

Source

https://onformative.com/
https://onformative.com/work/4010-facebook-tree/

DATA, code, design | Daten

In unserer Zeit sind wir von Daten und Informationen umgeben. Rund um die Uhr werden in jeder Sekunde Daten generiert. Dies veranschaulicht der DOMO report aus dem Jahr 2018:

“Over 2.5 quintillion bytes of data are created every single day, and it’s only going to grow from there. By 2020, it’s estimated that 1.7MB of data will be created every second for every person on earth.”

Via socialmediatoday.com | DOMO, How much data is generated every minute?

Testdaten

Einer der wichtigsten Punkte der Daten-Visualisierung sind die Daten selbst. Um realistische Testdaten zu analysieren wurden folgende Seiten recherchiert:

THE WORLD BANK

Explore. Create. Share: Development Data

DataBank is an analysis and visualisation tool that contains collections of time series data on a variety of topics. You can create your own queries; generate tables, charts, and maps; and easily save, embed, and share them. Enjoy using DataBank and let us know what you think!

THE WORLD BANK bietet eine Vielzahl an Datenbanken und vorgefertigte Report Tools welche die Analyse erleichtern.

Beispiel:

https://databank.worldbank.org/source/gender-statistics

Google Datasetsearch

“Die Datensatzsuche soll Datensätze allgemein zugänglich und nutzbar machen und die folgenden Aufgaben erfüllen:

  • Sie soll ein System schaffen, das die Publisher geteilter Daten dazu motiviert, die Best Practices für Speicherung und Veröffentlichung von Daten anzuwenden
  • Sie soll Wissenschaftlern die Möglichkeit geben, anhand der Zitierung der von ihnen erstellten Datensätze zu zeigen, welche Wirkung ihre Arbeit hat

Da immer mehr Datensatz-Repositories schema.org und ähnliche Standards verwenden, um ihre Datensätze zu beschreiben, werden Nutzer im Laufe der Zeit in der Datensatzsuche zunehmend umfangreichere und vielfältigere Datensätze finden.”

https://datasetsearch.research.google.com/help

Source

https://www.socialmediatoday.com/user_media/diveimage/internet_minute_info2.jpg

https://datasetsearch.research.google.com/help

https://databank.worldbank.org/

DATA, code, design | Klassische Daten-Visualisierungs-Tools

Um Daten zu visualisieren gibt es verschiedene professionelle Tools. Diese werden, je nach Anforderungen kategorisiert. Diese sehr komplexen Tools bieten eine Vielzahl an Report und Visualisierungsmöglichkeiten.

  • Code Tools
  • Visual Reporting or BI
  • Maps
  • Infographic Tool
  • Net-work graphs
  • Large-Screen Visualization

Code Tools

D3.js

Open Source JavScript library mit verschiedenen Visualisierungsmöglichkeiten (HTML, CSS, SVG)

From finereport.com | D3.js

Plotly

From finereport.com | Plotly

gglot2

From finereport.com | ggplot2

Visual Reporting or BI 

Excel

From finereport.com | Excel

FineReport

From finereport.com | FineReport

Tableau

From finereport.com | Tableau

Maps

Leaflet

From finereport.com | Leaflet

Power Map

From support.microsoft.com | PowerMap
From finereport.com | PowerMap

Infographic Tools

Piktochart

From finereport.com | Piktochart

Visme

From finereport.com | visme

Net-work graphs 

Keylines

From finereport.com | Keylines

Gephi

From finereport.com | Gephi

Large-Screen Visualization

Ali DataV

From finereport.com | Ali DataV

Last but not least FineReport itself

From finereport.com | FineReport

Source

https://towardsdatascience.com/top-16-types-of-chart-in-data-visualization-196a76b54b62

DATA, code, design | Klassische Diagrammtypen

Wie schon im vorherigen Blogeintrag beschrieben gibt eine Vielzahl an Diagrammtypen. Manche sind sehr einfach gestaltet, andere wiederum sehr komplex. Jedoch spielt die Verständlichkeit dabei eine viel größere Rolle als Komplexität.

Hier 16 davon:

Column Chart

From towardsdatascience.com | FineReport

Bar Chart

From towardsdatascience.com | FineReport

Line Chart

From towardsdatascience.com | FineReport

Area Chart

From towardsdatascience.com | FineReport

Pie Chart

towardsdatascience.com | FineReport

Scatter Plot

From towardsdatascience.com | FineReport

Bubble Chart

From towardsdatascience.com | FineReport

Gauge

From towardsdatascience.com | FineReport

Radar Chart

From towardsdatascience.com | FineReport

Frame Diagram

From towardsdatascience.com| FineReport

Rectangular Tree Diagram

From towardsdatascience.com| FineReport

Funnel Chart

From towardsdatascience.com| FineReport

Word Cloud Chard

From towardsdatascience.com| FineReport

Gantt Chart

From towardsdatascience.com| FineReport

Regional Map

From towardsdatascience.com| FineReport

Point Map

From towardsdatascience.com| FineReport

Flow Map

From towardsdatascience.com| FineReport

Heatmap

From towardsdatascience.com| FineReport

Soure

https://towardsdatascience.com/top-16-types-of-chart-in-data-visualization-196a76b54b62