Hey HN, I built this as a solo project to experiment with WebGL data visualization using PixiJS and Next.js.
The idea is simple: each billionaire from the Bloomberg Billionaires Index is rendered as a sea creature sized by net worth. Scroll down to dive deeper — the largest fortunes sit at the bottom of the ocean.
Some technical details if anyone's curious:
PixiJS 8 for WebGL rendering on a transparent canvas, with CSS gradients underneath for the sky/ocean background
Parallax scrolling with different speeds per layer (background, creatures, foreground)
Creatures are procedurally drawn — no sprites or images, just Graphics primitives
Responsive layout with CSS Grid, the PixiJS canvas adapts to viewport
Static generation with Next.js 15, data baked at build time
There's also a small fishing minigame if you click near the boat on the surface.
The whole thing was built with heavy use of Claude Code, which was an interesting experience in itself. Happy to answer questions about the tech or the process.
albertsimondev2•1h ago
The idea is simple: each billionaire from the Bloomberg Billionaires Index is rendered as a sea creature sized by net worth. Scroll down to dive deeper — the largest fortunes sit at the bottom of the ocean.
Some technical details if anyone's curious:
PixiJS 8 for WebGL rendering on a transparent canvas, with CSS gradients underneath for the sky/ocean background Parallax scrolling with different speeds per layer (background, creatures, foreground) Creatures are procedurally drawn — no sprites or images, just Graphics primitives Responsive layout with CSS Grid, the PixiJS canvas adapts to viewport Static generation with Next.js 15, data baked at build time There's also a small fishing minigame if you click near the boat on the surface.
The whole thing was built with heavy use of Claude Code, which was an interesting experience in itself. Happy to answer questions about the tech or the process.