Auseinandersetzung mit Form, Farbe und Ordnungsprinzipien, um Zusammenhänge in größeren Datenmengen sichtbar zu machen.
Thema: Datenvisualisierung
Die Daten werden ohne Zuhilfenahme von bildhaften Elementen (Piktogramme, Fotografien, …) interaktiv dargestellt. Alphanumerische Zeichen (Text, Zahlen) sollen so sparsam wie möglich verwendet werden. Umso wichtiger wird es, gezielt Farbe, Form und Position einzusetzen, um
Mengen sichtbar zu machen,
Kategorien zu kodieren,
Gruppen zu bilden,
Zeitabläufe nachverfolgbar zu machen,
…
Die Darstellung von Daten zwingt schon an sich zu einer parametrischen Denkweise. D.h. die grafischen Elemente müssen flexibel gedacht werden, so dass sie unterschiedliche Zahlenwerte und Bedeutungen annehmen können. Das Denken in Varianten ist also essenziell. Zudem erlauben unterschiedliche Gesamtdarstellungen neue Einblicke in die Zusammenhänge innerhalb der Daten. Durch Interaktion können weitere Zusammenhänge vom Nutzer entdeckt werden.
Die Aufgabe bestand darin eine Datenvisualisierung zu einem selbstgewähltem Datensatz zu erstellen. Diese sollte dabei 3 verschiedene Darstellungsarten beinhalten. Dabei sollten wir mit HTML, CSS und JavaScript arbeiten.
Datensatz
Bei meiner Recherche bin ich dann auf einen Datensatz gestoßen, welcher sich mit der Waffengewalt in der USA beschäftigte.
In diesem Datensatz wurden Gewaltverbrechen, die sich in den Jahren von 2013 bis 2018 ereignet hatten, gesammelt und dokumentiert. Bei allen Straftaten wurde mindestens eine Waffe verwendet.
Über den Gesamtzeitraum wurden über 250.000 Einträge generiert. Bei dieser Menge an Daten dachte ich mir, dass da bestimmt interessante Darstellungen möglich wären und hab mich deshalb dafür entschieden.
Idee
Zuerst einmal habe ich mich mit den Daten auseinandergesetzt und ein paar grobe Ideen entwickelt, was ich aus dem Datensatz darstellen könnte. Entschieden habe ich mich dann für die Daten, die es im Zusammenhang mit den verhafteten Beteiligten gab. In meiner Datenvisualisierung sollten die statistischen Daten zum Alter der Täter*innen, zu den Orten, wo sie die Taten ausgeübt haben, ob sie weiblich oder männlich waren und in welchem Zeitraum sie von ihnen ausgeübt wurden, dargestellt sein.
In Figma habe ich dann meine ersten Screen Ideen angefertigt, um auszuprobieren, wie man diese Daten darstellen könnte.
Diese Screens habe ich weiterentwickelt und überabeitet. Das Endresultat habe ich dann auch noch als Prototyp entworfen, um zu schauen, ob der Aufbau sinnvoll ist.
Styleguide
Bei der Entwicklung hielt ich mich stets an einen von mir davor erstellten Styleguide.
Prototyp
Das finale Ergebnis.
Fazit
Der Bereich der Aufgabenstellung war weitestgehend neu für mich. Unter diesem Punkt bin ich recht zufrieden mit dem, was ich innerhalb der vorgegebenen Zeit umsetzen konnte, gerade auch wegen dem komplizierten Datensatz, den ich mir gewählt hatte. Allerdings sind mit meinen wachsenden Kenntnissen auch meine Ansprüche während des Projektes gestiegen. Positiv nehme mir auch mit, dass ich in einem kommenden, ähnlichen Projekt meine neu erlernten Kenntnissen besser einsetzen kann, und dann mit Sicherheit auch mit dem Endergebnis zufriedener sein werde.
Hinterlasse einen Kommentar