Data, designed to be read.

D3 · React

Gapminder Bubble Plot

A polished interactive bubble plot built from scratch using the Gapminder dataset, exploring global development patterns through GDP, life expectancy, and population data.

The project focuses on reusable chart architecture, including custom axis components, margin and translation systems, and scalable styling patterns. It draws inspiration from Hans Rosling's iconic presentations, translating one of the most recognizable datasets in data visualization into a modern, responsive web implementation.

D3 · React

Economist Barplot

A reconstruction of a chart from The Economist, focusing on visual accuracy, layout precision, and typographic hierarchy. The project replicates how infections acquired in laboratories are distributed, translating the original editorial design into a responsive web-based implementation. Built with D3 for scales, layout, and data transformation, and React JSX for rendering, the project emphasizes attention to spacing, annotation, and the subtle design details that define high-quality data visualization.

D3 · React

D3 Barplot

My first D3 chart built from scratch for the D3 ❤️ React course: a horizontal barplot visualizing the number of students from each country in the first cohort. D3 handles scales, layout, and calculations, while React JSX manages rendering and interaction.

React Project

Pokémon Card Collection

My first React project built from scratch for the D3 ❤️ React course: a small explorer app designed to browse and interact with a custom Pokémon card collection.

GitHub Pages

Minimal Homepage

A project built for the D3 ❤️ React course, where I designed and developed the hero section of my own minimal personal homepage from scratch. The focus was on layout precision, interaction, and translating a design concept into a clean, functional interface.