Interactive Code Lab
I have an obsession with trying out libraries, building fun experiments, and turning wild ideas into interactive experiences. Whether it’s simulating physics with thousands of particles, visualizing sound waves in real-time, or watching neural networks learn before your eyes – I love creating projects that blur the line between art and engineering.
Each demo below represents hours of tinkering with advanced web technologies, mathematical algorithms, and creative problem-solving. Go ahead, play around!
🚀 Advanced Computational Challenges
Interactive Particle Physics Simulator
Electromagnetic forces, gravity, and collision dynamics. Click and drag to attract/repel particles!
3D Geometry Showcase
Interactive 3D scene with morphing geometries, particle effects, and DNA helix. Use mouse to orbit!
Real-Time Audio Visualizer
Live microphone input visualization with multiple rendering modes. Make some noise!
🎤 Microphone access required
Click “Start Microphone” to begin
Neural Network Visualization
Watch neural networks learn in real-time with forward propagation and backprop visualization!
• Blue connections: positive weights | Red connections: negative weights
• Node brightness indicates activation level | Node size scales with activation
• Signal flow animation shows forward propagation in real-time
🧠 What Makes These Demos So Cool?
🔬 Particle Physics Simulator
Watch hundreds of charged particles interact with electromagnetic forces in real-time! Drag your mouse to attract or repel them. It’s like having a particle accelerator in your browser, complete with collision detection and energy conservation.
🎵 Audio Visualizer
Turn your voice into mesmerizing visual art! This captures live audio from your microphone and transforms sound frequencies into dynamic graphics. Choose from bars, waves, or exploding particles that dance to your voice.
🎨 3D Geometry Lab
A fully interactive 3D playground featuring morphing geometries, floating DNA helixes, and thousands of animated particles. Drag to orbit around, zoom in, and watch mathematical beauty come to life in three dimensions.
🧠 Neural Network Viz
See artificial intelligence learning in real-time! Watch neural networks adjust their connections, signals flowing through neurons, and different architectures (feedforward, CNN, RNN) training themselves before your eyes.
🚀 Built with: Three.js for 3D graphics, Web Audio API for sound processing, D3.js for data visualization, Framer Motion for smooth animations, and custom mathematical algorithms that push browsers to their limits!