Project
Roulette

Fractal Explorer

Zoom into the Mandelbrot set until your maths runs out of precision.

AdvancedWeb appCreative12–26hAI-buildable 3/5no setup

Render the Mandelbrot set with deep zoom, smooth colouring and adjustable iteration depth. It's a performance project first — the naive per-pixel loop is far too slow — and hitting the floating point precision wall at deep zoom is a memorable lesson.

UI
Logic
Useful

Hosting · Free forever

Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.

Deploy it and share a link.

Core features · 7

  • The set renders with adjustable maximum iterations
  • Click or scroll to zoom into any region
  • Smooth colouring avoids visible iteration banding
  • Rendering happens off the main thread so the UI stays responsive
  • Progressive rendering shows a rough image before refining
  • The colour palette is selectable
  • The current view encodes into a shareable URL

The interesting part

  • Double precision runs out at deep zoom and the image degrades
  • Splitting work across workers without visible tiling seams
  • Iteration depth needing to increase as you zoom to keep detail

Once it works

  • Add the Julia set with a linked parameter
  • Add WebGL rendering for real-time zoom
  • Add arbitrary precision for very deep zoom

Suggested stack

reacttypescripttailwindcanvas-api

Track it