Bei Datengrafiken geht es darum, interessante Zusammenhänge in größeren Datenmengen sichtbar zu machen. In diesem Projekt durften keine alphanumerischen Zeichen (Text, Zahlen) oder bildhafte Elemente verwendet werden. Umso wichtiger wird die gezielte Verwendung von Farbe, Form, Position, Animation und Interaktion, um die Information zu kodieren und zu strukturieren.
Dieses Projekt wird begleitet vom Fach Programmiersprachen 2 (Dozent: Fabian Rauch). Die Studierenden sollten die interaktive Datengrafik so komplett und funktionsfähig wie möglich mit Web-Technologien, insbesondere Javascript, umsetzen.
Erklärung
In meiner Datenvisualisierung beschäftigte ich mich mit dem World happiness report. Ich versuchte dabei aufzuzeigen wie sich das Glück auf unserer Erde verteilt und was uns Menschen glücklich macht.
Jedes Land wird durch eine Blume dargestellt und eine Kategorie durch ein Blütenblatt. Die Größe eines Blütenblatts gibt die Punktzahl des jeweiligen Landes in dieser Kategorie an (z. B. GDP in Deutschland). Wenn alle Punkte addiert werden, erhält man für jedes Land eine Gesamtpunktzahl (Ladderscore). Je höher die Punktzahl, desto größer ist die Blume und desto glücklicher auch das jeweilige Land.
Datensatz Der World Happiness Report der United Nations versucht anhand einiger Schlüsselfaktoren wie soziales Umfeld, Gesundheit, GDP usw. das Wohlbefinden von 150 Ländern Weltweit zu bewerten. Gearbeitet wird hier mit Umfragen die im Nachhinein ausgewertet wurden.
Interaktion
Die Interaktion des gesamten Programms geschieht mit der Maus. Es gibt eine globale Interaktion und pro Seite eine individuelle Interaktion.
Globale Interaktion Doppelklick -> wechseln zur nächsten Seite
Individuelle Interaktion Weltkarte: Scrollrad -> Zoom-Funktion
Scatter Plot: Einfacher klick -> wechseln der Ansicht des Scatterplot
Der rote Faden: Bewegen der Maus auf der x-Achse -> Blumen werden auf der y-Achse bewegt und zeigen die Veränderung zwischen dem Jahr 2015 und 2020 an.
Colorcode
GDP = Bruttoinlandsprodukt
Healthy life expectancy = Lebenserwartung
Social support = Sozialer Rückhalt im Umfeld der befragten Personen
Freedom of speech = Meinungsfreiheit
Generosity = Großzügigkeit
Perception of corruption = Eindruck von Korruption im Land der befragten Person
Dystopia residual = Dystopie
Weltkarte
Diese Darstellung ermöglicht dem Betrachter auf einen Blick zu erkennen wie glücklich ein Land ist (Radius der Blume) und gleichzeitig wird an den Blütenblättern veranschaulicht wie das Land in den einzelnen Kategorien abschneidet. Um eine Analogie zum Thema Glück herzustellen wurde bewusst auf Blumen gesetzt, und nicht auf einfache Kreisdiagramme.
Scatter plot
Bei dieser Ansicht wird die Beziehung zwischen den einzelnen Kategorien des Happiness reports und dem Ladderscore (Happiness score) aufzuzeigen. Die wechselnde Hintergrundfarbe zeigt an, welche der Kategorien aktuell zu sehen ist. Die Korrelation wird bei jeder Kategorie immer zum Happiness score aufgezeigt. So kann erkannt werden wie stark der Einfluss der Kategorie auf den Happiness Score ist. Durch einen einfachen Klick gelangt man zur nächsten Kategorie.
5 Jahres Ansicht
Durch das Bewegen des Mauszeigers entlang der x-Achse werden die Daten der Blumen entsprechend der Mauszeiger Position neu berechnet. Ist der Cursor am rechten Rand sind die Daten des Jahres 2020 zu sehen, bewegt der Betrachter den Cursor an den Linken Rand spiegelt die Position der Blume die Daten des Jahres 2015 wider. Die Y-Achse entspricht dem Happiness score.
Hinterlasse einen Kommentar