Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Solar System

Public visualization

Viewing a saved revision (read-only)

d48d2ccaf32341d7a5e5d68b05698dbd

Fork of Solar System

0 stars0🌍 Public
PParth Shroff
Last edited Sep 12, 2024
Created on Sep 11, 2024
Forked from Solar System

This animated visualization displays six stars—Earth, Mira, Antares, Betelgeuse, Rigel, and Deneb—with their relative sizes scaled proportionally while distances are normalized for visibility. Each star is rendered as a circle with a distinct fill color, and labels fade in sequentially above each body. The code uses D3’s `select`, `transition`, and `easeLinear` APIs to animate circle radii and positions, with data sourced from a Kaggle dataset of star properties. The animation runs on an SVG canvas with a black background, smoothly expanding each circle and fading in its name.

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