Datenvisualisierung“How to make data look sexy”

Gerriet Hinrichs

HAW Hamburg

18. Mai 2017

Ubersicht

1. Was ist Datenvisualisierung?

2. Basis: Diagramme

3. Projekt: Domebook

4. Aus der Praxis

5. Ausblick

Gerriet Hinrichs Datenvisualisierung 2 / 26

Infos vorweg

Infos zum Vortrag

I Fokus darauf wie Daten visualisiert werden konnen.I Nicht woher die Daten kommen.I Nicht wie sie aggregiert wurden.

I Fragen gerne zwischendurch stellen.

Gerriet Hinrichs Datenvisualisierung 3 / 26

Was ist Datenvisualisierung? Definition

Definition Datenvisualisierung

Data visualization,

the science of visual representation of “data”, defined asinformation which has been abstracted in some schematic form,including attributes or variables for the units of information.[Friendly, 2008]

I Graphische Darstellung der Informationen.I Nur ein Teil der Informationen wird visualisiert.I Wichtige Aspekte werden in geeigneter Form dargestellt.

Gerriet Hinrichs Datenvisualisierung 4 / 26

Was ist Datenvisualisierung? Explorative Datenanalyse und -visualisierung

Explorative Datenanalyse und -visualisierung

Explorative Datenanalyse

bezeichnet statistische Verfahren zur Aufdeckung vonDatenstrukturen, Abhangigkeiten und Abweichungen einervorhandenen Grundstruktur. [Philipsen, 2015]

Explorative Datenvisualisierung

bezeichnet die interaktive Visualisierung der Ergebnisse aus derexplorativen Datenanalyse oder auch explorativen Statistik.[Philipsen, 2015]

I Interaktives Erkennen von Strukturen und Merkmalen.

Gerriet Hinrichs Datenvisualisierung 5 / 26

Basis: Diagramme Kurze Wiederholung

Liniendiagramm

[Urocyon, 2007]

I Datenpunkte sind durch Linien miteinander verbunden.I Anderungen zum vorherigen Wert sind relevant.

Gerriet Hinrichs Datenvisualisierung 6 / 26

Basis: Diagramme Kurze Wiederholung

Saulendiagramm

[Alex1011, 2006]

I Daten werden durch Saulen dargestellt.I Menge steht im Vordergrund.I Ahnlich dazu: Balkendiagramm

Gerriet Hinrichs Datenvisualisierung 7 / 26

Basis: Diagramme Kurze Wiederholung

Kreisdiagramm (auch Tortendiagramm)

[Maksim, 2006]

I Daten sind durch Kreisabschnitte dargestellt.I Anteile werden visualisiert.

Gerriet Hinrichs Datenvisualisierung 8 / 26

Basis: Diagramme Treemap

Exporte von Benin in 2014. [Alexandersimoes, 2014]

Gerriet Hinrichs Datenvisualisierung 9 / 26

Basis: Diagramme Treemap

Treemap

I Darstellung von Anteilen (wie im Kreisdiagramm).

I Kompaktes Darstellen von Baumstrukturen.

I Gruppierung durch Position und Farbe erkennbar.I Zwei verschiedene Gruppierungen konnen dargestellt werden.

I Beispiel Festplattenspeicher:I Position fur Ordnerstruktur,I Farbe fur User.

[Shneiderman and Plaisant, 2009]

Gerriet Hinrichs Datenvisualisierung 10 / 26

Basis: Diagramme Gnatt Diagramm

[Malyszkz, 2011]

Gerriet Hinrichs Datenvisualisierung 11 / 26

Basis: Diagramme Gnatt Diagramm

Gnatt DiagrammI Darstellung von Prozessen.

I Dauer und Zeitraum ablesbar.I Aktueller Fortschritt ersichtlich.

I Stellt Prozessabhangigkeiten dar.

I Kritischer Pfad kann abgelesen werden.

[Wilson, 2003]

I Wird fur das Verwalten von Ressourcen verwendet.I Findet im Projektmanagement Anwendung.

[Flouris and Lock, 2009]

Gerriet Hinrichs Datenvisualisierung 12 / 26

Basis: Diagramme Heatmap

Suche nach Malaysia Airlines Flug MH370. [AHeneen, 2015]

Gerriet Hinrichs Datenvisualisierung 13 / 26

Basis: Diagramme Heatmap

Heatmap

I Stellt Wahrscheinlichkeiten in Bezug auf die Position dar.I Wahrscheinlichkeitswerte uber eine Farbskala ablesbar.

I Wird haufig uber bestehende Karten gelegt.

I Farbwerte sind nicht von geographischen Gegebenheitenabhangig.

[Wilkinson and Friendly, 2009]

Gerriet Hinrichs Datenvisualisierung 14 / 26

Projekt: Domebook Potsdamer Powerdome

Potsdamer Powerdome

Copyright © 2017 FH Potsdam

Gerriet Hinrichs Datenvisualisierung 15 / 26

Projekt: Domebook Potsdamer Powerdome

Potsdamer Powerdome

I 360° Projektionsanlage.I Ahnlich einem Planetarium,I aber mit viel mehr Darstellungsmoglichkeiten.

I Bietet Moglichkeiten zu interaktiven Echtzeitvisualisierung.

I Entstanden in Kooperation der FH Potsdam und desUrania Berlin e.V.

[Powerdome, 2017]

Gerriet Hinrichs Datenvisualisierung 16 / 26

Projekt: Domebook Domebook

Domebook

Copyright © 2017 FH Potsdam

Gerriet Hinrichs Datenvisualisierung 17 / 26

Projekt: Domebook Domebook

Domebook

I Visualisierung von Facebook-Freundschaftsnetzwerken.I Daten werden freiwillig uber eine App zur Verfugung gestellt.

I Freundschaftsbeziehungen werden durch einen force-directedGraph dargestellt.

I Visualisierung durch Simulation von Anziehung undAbstoßung.

I Gegenseitige Freundschaften und Freundschaftsgruppensorgen fur starke Anziehungen.

I Keine Freundschaft sorgt fur Abstoßung.

[Domebook, 2017]

Gerriet Hinrichs Datenvisualisierung 18 / 26

Aus der Praxis MRV Timeline

MRV Timeline

Copyright © 2017 Hanseaticsoft GmbH

Gerriet Hinrichs Datenvisualisierung 19 / 26

Aus der Praxis MRV Timeline

MRV Timeline

I Zeitlicher Verlauf und Dauer der Ereignisse im Vordergrund.

I Zusammengehorige Events sind erkennbar.

I Weitere Details intuitiv erreichbar.

Gerriet Hinrichs Datenvisualisierung 20 / 26

Aus der Praxis Consumption Chart

Consumption Chart

Copyright © 2017 Hanseaticsoft GmbH

Gerriet Hinrichs Datenvisualisierung 21 / 26

Aus der Praxis Consumption Chart

Consumption Chart

I Mehrere zusammengehorige Informationen in einemDiagramm.

I Gesamtverbrauch durch gestapelte Balken erkennbar.

Gerriet Hinrichs Datenvisualisierung 22 / 26

Ausblick Zukunft

Ausblick

Copyright © 2017 Hanseaticsoft GmbH

Gerriet Hinrichs Datenvisualisierung 23 / 26

Einzelnachweise

Einzelnachweise I

AHeneen (2015). Wikimedia — File:MH370 location probability heat map perDST Group analysis.jpg .

Alex1011 (2006). Wikimedia — File:KZinsDiff.PNG .

Alexandersimoes (2014). Wikimedia — File:Benin English.png .

Domebook (2017). Domebook FH Potsdam — Visualisierung vonFacebook-Freundschaftsnetzwerken .

Flouris, T. G. and Lock, D. (2009). Managing Aviation Projects from Concept toCompletion, page 207ff. Ashgate Publishing, Ltd.

Friendly, M. (2008). Milestones in the history of thematic cartography, statisticalgraphics, and data visualization.

Maksim (2006). Wikimedia — File:Pie chart EP election 2004 exploded.png .

Malyszkz (2011). Wikimedia — File:GanttChartAnatomy.svg .

Philipsen, Q. (2015). Explorative datenvisualisierung.

Gerriet Hinrichs Datenvisualisierung 25 / 26

Einzelnachweise

Einzelnachweise II

Powerdome (2017). Powerdome FH Potsdam — Interaktives, immersivesProjektionssystem .

Shneiderman, B. and Plaisant, C. (2009). Treemaps for space-constrainedvisualization of hierarchies — including the history of treemap research at theuniversity of maryland.

Urocyon (2007). Wikimedia — File:ScientificGraphSpeedVsTime.jpeg .

Wilkinson, L. and Friendly, M. (2009). The history of the cluster heat map. TheAmerican Statistician, 63(2):179–184.

Wilson, J. M. (2003). Gantt charts: A centenary appreciation. European Journalof Operational Research, 149(2).

Gerriet Hinrichs Datenvisualisierung 26 / 26