🌍 Public
Viewing a saved revision (read-only)
9b255d42d7c14e5cb2a8904c25ebd507
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