Fork of Solar Systemdrb
This animated visualization displays the planets of the Solar System in a horizontal sequence, with relative sizes scaled proportionally but orbital distances compressed. Each planet appears as a colored circle with a label, animating its radius from zero to its final size when the scene loads. The code uses D3’s `transition` and `easeLinear` methods to control the growth and update animations, while binding data from Wikipedia’s list of gravitationally rounded objects. The SVG elements are styled with solid fills, and the visualization runs as a self-contained animation within a black background.
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