Viewing a saved revision (read-only)
263a8c1fd4354a47b2dcb643521095c8
test
This animation displays the relative sizes of the Sun and planets, scaled accurately while ignoring orbital distances, with each celestial body drawn as a colored circle that grows into place. The planets and their labels fade in sequentially using d3 transitions, with speeds and easings controlled via `transition().duration()`. Data originates from Wikipedia’s list of gravitationally rounded objects, and the implementation relies on d3’s `select`, `transition`, and `easeLinear` APIs within a simple SVG container.
AI-generated descriptionA visualization of the solar system. Relative sizes to scale, distances not to scale.
Data from Wikipedia: List of gravitationally rounded objects of the Solar System.
Challenge
- Option A: Use this template to visualize the relative size of various numbers.
- Option B: Add SVG Gradients to make the planets look more planet-like