fubits.dev

Interactive report and data exploration prototype for survey results. Instead of a dashboard, the user is guided through the results with “data stories” - preconfigured chart states with narratives.

Implementation of a lightweight, interactive, multi-language website for eQualit.ie's dComms project. Guides help users set up decentralized communication tools.

Implementation of a Svelte-based image carousel with autoplay, horizontal swiping, accessible left/right navigation and progress dots.

Design and development of an interactive Svelte-based standalone module, integrated into a legacy (non-JS) application. Dynamically renders root-node-child and parent-root-node and -sibling relationships incl. data.

Multi-language website built with Svelte, Astro and Notion API (CMS).

Design and development of an interactive Svelte-based standalone module, integrated into a legacy (non-JS) application. Dynamically renders 500+ nodes and 1K+ edges. Receives and sends events to interact with the parent application.

Implementation of a Svelte-based interactive feature to explore historical DAX stock market data.

It was a special honor to support Human Rights Watch's Digital Investigations Lab as a consultant for this intense report. The report documents the extent of destruction in the city of Mariupol and identifies the Russian units involved.

Short-term volunteering effort to track Western tank deliveries to Ukraine. We stopped tracking, because eventually there was nothing to be tracked...

Implementation of a Svelte-based feature which combines scrollytelling with a bar chart race (bars grow and shrink based on scroll progress and swap positions depending on their rank).

Leaflet map which displays region-specific sections of a written report in a multi-tab pop-up.

Design and development of the official website of the Afrozensus project and the 2020 Report. The report is presented with a 2-part scrollytelling feature.

Translated and refactored in 2025.

Joint web project with Tagesspiegel and Humboldt-Universität zu Berlin for the 2021 State-level (Berlin) and local-level (boroughs) election. 2-in-1 voting advice application with a two-layered data model.

Compagnon website for a research report. Scrollytelling + animated SVGs to narrate the executive summary.

Code-generated multi-layered case study maps based on UN HDX geodata and DIY hillshaded elevation data (rayshader & NASA SRTM). A single parameterized R template that was rendered for 5 case study maps.

SPA-like podcast player integrated into a static legacy website. Built with Alpine,js & Eleventy.

My first end-to-end product journey (concept, design, implementation, data pre-processing). Feature-rich static website for a multi-chapter essay & an interactive data portal. Features: map-based scrollytelling, case study components, timeline, audio snippets. Also available in Arabic.

Interactive map & data table view with dynamic filtering, incident clustering, and incident cards. Made with leaflet, crossfilter, dataTables, and a bit of D3. The data is auto-fed via a CI/CD-based end-to-end data pipeline.

Three case study maps, highlighting changes in territorial control during selected campaigns of chemical attacks. Two styleguide-compliant bicolor schemes represent gains/losses by rebels and state/regime actors. A full-page illustration outlines the deadly path of a helicopter regiment.

Introduction to data-centric DevOps & CI/CD. Hands-on workshop on implementing a ETL data pipeline with R & GitLab CI/CD.

I have successfully facilitated Design Thinking and Product Vision workshops with participants from academia, NGOs and policy. Together, we were able to make the abstract become manifest and actionable.

360° introduction to individual and organizational risks and mitigation strategies for not-for-profit organisations.

Introduction to the "Why" & "How" of designing for usability. Focus is on understanding and feasibility from a non-profit persepctive.

Colored regional map for the book's front matter, picking up the hue from the book's cover theme. Three tile-sized maps for the back matter, zooming in on single states and subregions.

A full-paged b/w regional map of Asia, including the challenge of emphasizing four subregions.

Conception, technical project coordination, and content implementation of an online-first research paper design, complemented by a regular print product. This pilot involved a team of 30 people, and took more than one year from the first workshop to launch.