Datenvisualisierung: Auseinandersetzung mit Form, Farbe und Ordnungsprinzipien, um Zusammenhänge in größeren Datenmengen sichtbar zu machen. Das Ergebnis ist ein programmierter, interaktiver Prototyp.
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.
Ich habe einen guten, vollständigen Datensatz zum Thema Champions League 2020/21 gefunden.
Mein Datensatz besteht aus 6 Tabellen.
Ich habe mich dazu entschieden die beiden Parameter, goals und total attempts, der einzelnen Spieler miteinander zu vergleichen
Werte aus unterschiedlichen Tabellen
—> mergedata
2. Art der Darstellung
Koordinantensystem, in dem die Spieler dargestellt werden
Die Spieler vlt als Punkte zeichnen und durch die Größe der Punkte einen weiteren Wert darstellen.
Oder durch Färbung der Punkte weiteren Wert einführen
Y-Achse: goals, X-Achse: attempts
Unterschiedliche Färbung der Punkte zeigt Position. (+Filterfunktion)
Doch jetzt werden noch Punkte an manchen Stellen übereinander gezeichnet…
—> Lösung:
Y-Achse mit log() nach oben hin verkürzt um mehr Platz zu schaffen
Nur Punkte, die übereinandergezeichnet werden, werden nach einem bestimmten Wert auf der Vertikalen verschoben (mehr Spieler mit gleichem Wert sichtbar)
3. Visuelle Entscheidungen
Bei der Farbwahl habe ich mich selbstverständlich an die Farben der Championsleague gehalten (also: dunkelblau =background, pink/lila = Punkte & Schrift und hellblau = Hovereffekt)
Hinterlasse einen Kommentar