Solar System Visualization
This is an interactive solar system visualization built with D3.js. The animation shows a central star with multiple planets orbiting at different speeds, and each planet has one or more moons.
Features
- Central star with radiating glow effect
- Multiple orbital paths with varying numbers of planets
- Configurable planet speeds, sizes, and colors
- Each planet has its own moons
- Twinkling background stars
- Smooth animation using requestAnimationFrame
Configuration
You can modify the solar system's appearance and behavior by adjusting the parameters in the config.js
file:
- Adjust the center star's size and color
- Configure different orbital levels with their radii, number of planets, and speeds
- Control the planets' minimum and maximum sizes
- Set the color palette for planets
- Configure background stars (count, size, colors)
The speed parameter in the configuration determines how fast each orbit's planets rotate around the central star.