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
The network visualization „Jobben als Abgeordnete*r“ shows the relation between current german parliament politicians and their sidejobs. It's based on the data of abgeordnetenwatch.de
The Data for the final project comes from the API of abgeordnetenwatch.de. The data was fetched from multiple entities of the API and later on cleaned, merged and prepared for the visualization with python in Jupyter Notebooks. The data comes from these entities:
German Media Universe by Christian Laesser
Go Apply by Mark-Jan Bludau
Royal Constellations by Nadieh Bremer
Topographie der Gewalt by Urban Complexity Lab
Parallel to the data analysis I started the design process by sketching. My approach was to design a tool that provides the relatively big dataset (2840 nodes and 2825 links) in a readable way. To achieve this goal I sketched different layouts of node and link relations on paper. At the same time, I tried first visualizations inside Observable. This process showed, that displaying all of the data at the same time leads to unreadable hairballs. I tried to overcome this problem in the further process with filtering options.
For a fitting overall appearance I worked with moods from news magazines and other sources with journalistic our scientific approach. Since the topic of the project includes a much-discussed political component, the design should look trustworthy. As the german parties are widely associated with specific colors I chose these colors as a starting point for my color palette, to get a look that is familiar for readers. I used the fonts „Editorial Neue“ and „Roboto“ to get a clean, serious design in a newspaper style.
After creating the design with Figma and Observable/d3, I started implementing it with HTML, CSS and d3. The final version of the websites includes a filter by sidejob category, a search input to search for politicians, a slider to filter the time range in which the sidejobs were created in the dataset and a zoom. It provides several hover and click options to get information about politician names, relations between organizations and politicians, as well as specific sidejob descriptions. The website starts with a short text to introduce readers to the topic, which leads them to the visualization tool.
The biggest challenge in the process was to get the data in a structure that is usable for the visualization. As the API has several limits and is divided into multiple entities, it was very tricky to get all the data to fit suitably together. In order to implement different filtering options, the data had to be heavily nested. This challenge helped me a lot for my future handling of data with python. In the end, I am satisfied with the final draft, even if I would have liked to implement more elements like a storytelling approach, an overview over all sidejob organizations and politicians at once, a better legend and additional information about the side job organization. I think these elements would have given a more insightful product, but they failed due to a lack of coding skills and limited time.
The Dear Data project was our first project to get into working with relational data. It's related to a project by Stefanie Posavec and Giorgia Lupi.