Datenvisualisierung How to make data look sexy

Transkript

1 Datenvisualisierung How to make data look sexy Gerriet Hinrichs HAW Hamburg 18. Mai 2017

2 Übersicht 1. Was ist Datenvisualisierung? 2. Basis: Diagramme 3. Projekt: Domebook 4. Aus der Praxis 5. Ausblick Gerriet Hinrichs Datenvisualisierung 2 / 26

3 Infos vorweg Infos zum Vortrag Fokus darauf wie Daten visualisiert werden können. Nicht woher die Daten kommen. Nicht wie sie aggregiert wurden. Fragen gerne zwischendurch stellen. Gerriet Hinrichs Datenvisualisierung 3 / 26

4 Was ist Datenvisualisierung? Definition Definition Datenvisualisierung Data visualization, the science of visual representation of data, defined as information which has been abstracted in some schematic form, including attributes or variables for the units of information. [Friendly, 2008] Graphische Darstellung der Informationen. Nur ein Teil der Informationen wird visualisiert. Wichtige Aspekte werden in geeigneter Form dargestellt. Gerriet Hinrichs Datenvisualisierung 4 / 26

5 Was ist Datenvisualisierung? Explorative Datenanalyse und -visualisierung Explorative Datenanalyse und -visualisierung Explorative Datenanalyse bezeichnet statistische Verfahren zur Aufdeckung von Datenstrukturen, Abhängigkeiten und Abweichungen einer vorhandenen Grundstruktur. [Philipsen, 2015] Explorative Datenvisualisierung bezeichnet die interaktive Visualisierung der Ergebnisse aus der explorativen Datenanalyse oder auch explorativen Statistik. [Philipsen, 2015] Interaktives Erkennen von Strukturen und Merkmalen. Gerriet Hinrichs Datenvisualisierung 5 / 26

6 Basis: Diagramme Kurze Wiederholung Liniendiagramm [Urocyon, 2007] Datenpunkte sind durch Linien miteinander verbunden. Änderungen zum vorherigen Wert sind relevant. Gerriet Hinrichs Datenvisualisierung 6 / 26

7 Basis: Diagramme Kurze Wiederholung Säulendiagramm [Alex1011, 2006] Daten werden durch Säulen dargestellt. Menge steht im Vordergrund. Ähnlich dazu: Balkendiagramm Gerriet Hinrichs Datenvisualisierung 7 / 26

8 Basis: Diagramme Kurze Wiederholung Kreisdiagramm (auch Tortendiagramm) [Maksim, 2006] Daten sind durch Kreisabschnitte dargestellt. Anteile werden visualisiert. Gerriet Hinrichs Datenvisualisierung 8 / 26

9 Basis: Diagramme Treemap Exporte von Benin in [Alexandersimoes, 2014] Gerriet Hinrichs Datenvisualisierung 9 / 26

10 Basis: Diagramme Treemap Treemap Darstellung von Anteilen (wie im Kreisdiagramm). Kompaktes Darstellen von Baumstrukturen. Gruppierung durch Position und Farbe erkennbar. Zwei verschiedene Gruppierungen können dargestellt werden. Beispiel Festplattenspeicher: Position für Ordnerstruktur, Farbe für User. [Shneiderman and Plaisant, 2009] Gerriet Hinrichs Datenvisualisierung 10 / 26

11 Basis: Diagramme Gnatt Diagramm [Malyszkz, 2011] Gerriet Hinrichs Datenvisualisierung 11 / 26

12 Basis: Diagramme Gnatt Diagramm Gnatt Diagramm Darstellung von Prozessen. Dauer und Zeitraum ablesbar. Aktueller Fortschritt ersichtlich. Stellt Prozessabhängigkeiten dar. Kritischer Pfad kann abgelesen werden. [Wilson, 2003] Wird für das Verwalten von Ressourcen verwendet. Findet im Projektmanagement Anwendung. [Flouris and Lock, 2009] Gerriet Hinrichs Datenvisualisierung 12 / 26

13 Basis: Diagramme Heatmap Suche nach Malaysia Airlines Flug MH370. [AHeneen, 2015] Gerriet Hinrichs Datenvisualisierung 13 / 26

14 Basis: Diagramme Heatmap Heatmap Stellt Wahrscheinlichkeiten in Bezug auf die Position dar. Wahrscheinlichkeitswerte über eine Farbskala ablesbar. Wird häufig über bestehende Karten gelegt. Farbwerte sind nicht von geographischen Gegebenheiten abhängig. [Wilkinson and Friendly, 2009] Gerriet Hinrichs Datenvisualisierung 14 / 26

15 Projekt: Domebook Potsdamer Powerdome Potsdamer Powerdome Copyright 2017 FH Potsdam Gerriet Hinrichs Datenvisualisierung 15 / 26

16 Projekt: Domebook Potsdamer Powerdome Potsdamer Powerdome 360 Projektionsanlage. Ähnlich einem Planetarium, aber mit viel mehr Darstellungsmöglichkeiten. Bietet Möglichkeiten zu interaktiven Echtzeitvisualisierung. Entstanden in Kooperation der FH Potsdam und des Urania Berlin e.v. [Powerdome, 2017] Gerriet Hinrichs Datenvisualisierung 16 / 26

17 Projekt: Domebook Domebook Domebook Copyright 2017 FH Potsdam Gerriet Hinrichs Datenvisualisierung 17 / 26

18 Projekt: Domebook Domebook Domebook Visualisierung von Facebook-Freundschaftsnetzwerken. Daten werden freiwillig über eine App zur Verfügung gestellt. Freundschaftsbeziehungen werden durch einen force-directed Graph dargestellt. Visualisierung durch Simulation von Anziehung und Abstoßung. Gegenseitige Freundschaften und Freundschaftsgruppen sorgen für starke Anziehungen. Keine Freundschaft sorgt für Abstoßung. [Domebook, 2017] Gerriet Hinrichs Datenvisualisierung 18 / 26

19 Aus der Praxis MRV Timeline MRV Timeline Copyright 2017 Hanseaticsoft GmbH Gerriet Hinrichs Datenvisualisierung 19 / 26

20 Aus der Praxis MRV Timeline MRV Timeline Zeitlicher Verlauf und Dauer der Ereignisse im Vordergrund. Zusammengehörige Events sind erkennbar. Weitere Details intuitiv erreichbar. Gerriet Hinrichs Datenvisualisierung 20 / 26

21 Aus der Praxis Consumption Chart Consumption Chart Copyright 2017 Hanseaticsoft GmbH Gerriet Hinrichs Datenvisualisierung 21 / 26

22 Aus der Praxis Consumption Chart Consumption Chart Mehrere zusammengehörige Informationen in einem Diagramm. Gesamtverbrauch durch gestapelte Balken erkennbar. Gerriet Hinrichs Datenvisualisierung 22 / 26

23 Ausblick Zukunft Ausblick Copyright 2017 Hanseaticsoft GmbH Gerriet Hinrichs Datenvisualisierung 23 / 26

24 Einzelnachweise Einzelnachweise I AHeneen (2015). Wikimedia File:MH370 location probability heat map per DST Group analysis.jpg. Alex1011 (2006). Wikimedia File:KZinsDiff.PNG. Alexandersimoes (2014). Wikimedia File:Benin English.png. Domebook (2017). Domebook FH Potsdam Visualisierung von Facebook-Freundschaftsnetzwerken. Flouris, T. G. and Lock, D. (2009). Managing Aviation Projects from Concept to Completion, page 207ff. Ashgate Publishing, Ltd. Friendly, M. (2008). Milestones in the history of thematic cartography, statistical graphics, 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

25 Einzelnachweise Einzelnachweise II Powerdome (2017). Powerdome FH Potsdam Interaktives, immersives Projektionssystem. Shneiderman, B. and Plaisant, C. (2009). Treemaps for space-constrained visualization of hierarchies including the history of treemap research at the university of maryland. Urocyon (2007). Wikimedia File:ScientificGraphSpeedVsTime.jpeg. Wilkinson, L. and Friendly, M. (2009). The history of the cluster heat map. The American Statistician, 63(2): Wilson, J. M. (2003). Gantt charts: A centenary appreciation. European Journal of Operational Research, 149(2). Gerriet Hinrichs Datenvisualisierung 26 / 26