3D in the browser over WebGL, for visualisations and interactive scenes.
Hand-written WebGL: the 195,679-band globe and the 3D Tonnetz, with no game engine.
Where it was used 02
- Metal Globe
The whole globe: geometry, textures, per-city pins and LOD by zoom level, hand-written on top of WebGL.
- Armonía Viva
The 3D Tonnetz: why two chords sound close, drawn as distance.
Web & product
Metal Globe
I put 195,679 metal bands on a 3D globe, filterable by country, genre and decade.
three.js · 4,408 → 496 lines, split into data.js · lazy-loaded flags · static
Case study
Armonía Viva
In development Web & product
Armonía Viva
I built a catalogue of 15 modes you can hear in the browser, plus a 3D Tonnetz showing why two chords sound close.
- React
- TypeScript
- Three.js
- Vite
- ZU Zustand
Case study
Same category