Explore the Infinite Beauty of Mathematics
An Interactive web app that brings mathematical fractals to life with real-time rendering and creative controls.
🚀 What is Fractal Visualizer?
I built Fractal Visualizer strictly for fun and from my own desire to learn more about the math behind each type. What started as a simple Mandelbrot renderer evolved into a full-featured exploration platform with 16 fractal algorithms, 24 color themes, and powerful visual effects.
Whether you’re curious about the iconic Mandelbrot set, experimenting with Julia fractals, or discovering the Burning Ship, this tool will render them all.
✨ Key Features
Core Algorithms
- 16+ Fractal Types – Mandelbrot, Julia sets, Burning Ship, Tricorn, Phoenix, Newton, Multibrot, Sierpinski, Celtic, Collatz, and more
- Real-Time Rendering – Smooth canvas-based rendering with optimized performance
- Infinite Zoom – Click to zoom deeper into fractal structures with precise coordinate tracking
Creative Controls
- 24 Color Themes – From classic rainbow to cosmic nebula, lava flows to electric neon
- 16 Distortion Effects – Wave, spiral, vortex, kaleidoscope, tunnel, fisheye, and more visual transformations
- Custom Palettes – Build your own color schemes with an intuitive palette creator
- Preset Gallery – Curated collection of stunning fractal locations like Seahorse Valley and Dragon’s Tail
Developer-Friendly Experience
- High-Res Export – Save 2048×2048 PNG images of your discoveries
- Shareable Coordinates – Generate URLs that preserve fractal type, position, zoom, and colors
- Math Mode – Toggle formula overlays to see the equations behind each algorithm
- Complexity Meter – Visual indicator showing computational intensity in real-time
- Interactive Minimap – Track your position within the broader fractal landscape
🎯 Perfect For
- Math Educators teaching chaos theory, complex numbers, or computational geometry
- Digital Artists exploring generative and algorithmic art
- Developers learning canvas rendering and mathematical visualization
- Curious Minds who love discovering hidden patterns in infinite complexity
Quick Start
Visit fractals.griffen.codes and start exploring!
Basic Navigation
- Click anywhere to zoom into that point
- Use zoom controls in the header (+ / −) for fine adjustments
- Open settings via the gear icon to adjust algorithms, colors, and effects
- Export your favorite views as high-resolution images
- Share discoveries via the coordinate link button
Keyboard Shortcuts
- Press M to toggle Math Mode and see formulas
- Use Surprise Me button for random exploration
- Click Reset View to return to the default perspective
🔧 Technology Stack
- Next.js 15 – React framework with App Router
- TypeScript – Type-safe fractal mathematics
- HTML5 Canvas – High-performance pixel-level rendering
- Tailwind CSS – Responsive dark-themed UI
- shadcn/ui – Accessible component library
- Radix UI – Robust primitives for controls and overlays
📊 Measurable Impact
- 16 fractal algorithms covering classic sets to experimental variants
- 24 pre-built themes plus unlimited custom palettes
- Optimized rendering with chunked calculations for smooth interaction
- Shareable coordinates enabling collaborative exploration and teaching
🔗 Links
- Live App: https://fractals.griffen.codes
- GitHub: https://github.com/gfargo/fractal-visualizer
Dive into infinite complexity. Discover mathematical beauty. Share your explorations.
