Particle Constellation ✨

An interactive particle system built with React and D3.js featuring:

• 100+ animated particles with physics-based movement
• Dynamic connections between nearby particles
• Mouse interaction - particles are attracted to your cursor
• Real-time controls to adjust particle count and connection distance
• Beautiful gradient colors using D3's color interpolation

Features

• Smooth 60fps animations
• Particles bounce off screen edges
• Connections fade based on distance
• Particles grow when near the mouse cursor
• Customizable parameters with live sliders

How to Use

1. Move your mouse around to attract particles
2. Adjust the particle count (20-200)
3. Change the connection distance to see different patterns
4. Click "Regenerate" for new random colors and positions

Built with React 19 and D3.js v7 🚀