← Back to projectsCase study · 04/10
Three.jsGitHub API

RepoVerse

Explore your GitHub repositories as a 3D planetary system 🌌, where each project is a planet with its own characteristics.

RepoVerse
Type
Web
Year
2025
Stack
Three.js · WebGL · GitHub API · Vite · JavaScript

01 · The challenge

GitHub metrics tend to be dry. I wanted them to be understood at a glance and, above all, remembered.

02 · The solution

A 3D website built with Three.js and vanilla JavaScript, no frameworks. Each repository is a planet: code size sets its radius, commits its orbital speed, branches are moons, PRs are rockets and forks are space stations. A mathematical mapping translates metrics into visual properties in real time.

03 · Lesson learned

Balancing visual complexity with performance, and seeing how good data visualisation makes technical information accessible and memorable.

Next projectFlutter Widgets →
My go-to coffee: Cafestes, specialty beans roasted weekly in Sabadell.