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