For this project, I designed and coded an interactive large-scale display that transforms a complex research agenda into an explorable visual experience.

The goal was to move beyond static, printed posters and create an informative and engaging interactive visualization for in-person events, like conferences and stakeholder meetings. Visitors can explore research areas, filter studies and products, and discover connections between topics through direct interaction on a touch screen.

I started with a large dataset for a network visualization comprising 200 nodes and 600 edges with 17 different node types. First, I created a concept for this project to align on the project goals and potential visitor questions. Keeping this in mind, I drafted the data model, reducing the displayed information to the most relevant aspects (research area, study, and product), while still allowing for context and filtering by defining everything else as labels.

During the wireframing phase, I defined the necessary views and interaction methods (main view, detail view, etc.). After receiving client approval, I moved on to creating the visual design, which was inspired by the client's Pinterest board and an existing color palette for the accent colors.

During development, I decided to use GraphQL with Supabase on the backend to enable fast and dynamic filtering and querying. I coded the frontend using React and D3.js.

The final website is displayed during in-person events on a large 55'' touch monitor to showcase the extensive research of the Kiel Science Communication Network.