Skip to main content
100%

Fork of Solar Systemdrb

✓ Published0🌍 Public
DDonald Bagwell
Last edited Mar 16, 2024
Created on Mar 16, 2024
Forked from Solar System

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 description

A 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
MIT Licensed

Similar vizzes