In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre
In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre
DataViz Challenges: Team-Sport
Diese Visualisierung entstand im Rahmen des Kurses DataViz Challenges im Sommersemester 2013.
Das Ziel des Kurses war es, sich als Gruppe in relativen kurzen Zeitintervallen einem vorgegeben Thema anzunähern, um danach eine Datenvisualisierung im ersten Schritt unter datenjournalistischen Leitsätzen zu konzipieren und danach auch technisch, bevorzugt mit der Javascript-Library D3, umzusetzen.
Das große Thema über allem lautete bei diesem Projekt Team-Sport. Im Kurs entstand dann die Regelung, aufgrund der Erfahrungen aus dem ersten Projekt Demografie, sich einem kleineren Themengebiet zu widmen, sodass es sich dann um den populärsten Team-Sport in Deutschland drehen sollte: Fußball.
Da wir innerhalb unserer Gruppe alles andere als affin für diese Sportart waren, suchten wir uns schnell einen zweiten Themenbereich für eine spannende Kombination. Natürlich liegt bei der kommerziellsten Sportart überhaupt der Faktor Finanzen nahe, sodass wir uns schnell mit den Transfermärkten in der Bundesliga beschäftigten.
Die Daten akquirierten wir dann durch das Coden eines eigenen Webcrawlers für die Seite transfermarkt.de. Aus Gründen der Vollständigkeit verwendeten wir die Daten der Saison 2010/2011.
Wir versuchten die Daten direkt in ein Force-Directed-Graph Layout zu visualiseren, da uns diese Methode erstens eine passende Darstellung im Groben für die Prozesse mit interaktiven Möglichkeit für Detailinformationen erschien und zweitens eine technische Umsetzung mit D3.js auch uns sehr interessierte.
Wir entwickelten nach und nach ein System, wie wir die Daten innerhalb eines solchen Graphs darstellen konnten. Am Ende symbolisiert die Dicke der Striche die Höhe der Transfersumme und die Größe der Kreise zeigen die gesammten Transferausgaben des jeweiligen Vereins. Mehr Informationen erfolgen bei einem Klick auf das jeweilige Element.(Strich für Transfer oder Kreis für Verein)
Im weiteren Prozess versuchten wir mehr Ordnung in die Visualisierung zu bringen, entfernten alle Labels und versuchten mit den Vereinsfarben zu arbeiten.