Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

test

Public visualization

test

0 stars0🌍 Public
Rrichard.adamson@hotmail.com
Last edited Feb 16, 2024
Created on Feb 16, 2024
Forked from Solar System

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 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

Comments

Sign in to join the discussion.

MIT Licensed