🌍 Public
Viewing a saved revision (read-only)
24ce1399814d4abca8df9cb1d7fe572d
Solar System
This animated visualization depicts the solar system’s planets orbiting the sun, with each celestial body shown as a circle scaled by its relative radius and positioned by its distance in astronomical units. Planet names appear as labels below their circles. The animation uses D3 transitions to sequentially grow each circle and fade in its label, then smoothly updates positions and sizes. The code leverages D3 v7’s `select`, `transition`, and `easeLinear` APIs, with a custom data array containing each planet’s distance, radius, and color.
AI-generated descriptionCreating circles with D3.
Challenge
-Fork this example -Modify t