Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Solar Systemdrb

Public visualization

Viewing a saved revision (read-only)

465774fb445e487d961ffa4fae29bce1

Fork of Solar Systemdrb

0 stars0🌍 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