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