Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Solar System

Public visualization

Viewing a saved revision (read-only)

67434d08692248b6aef45844b5f4b2e8

Fork of Solar System

0 stars0🌍 Public
Ppbruss@bu.edu
Last edited Sep 8, 2024
Created on Sep 8, 2024
Forked from Solar System

This animated visualization displays the relative sizes of countries based on an index score, with larger circles representing higher values. It uses D3.js transitions with `transition().duration()` and `easeLinear` to animate circle radii and positions, creating a dynamic comparison across seven nations. The data comes from a hardcoded array in the source code, which is adapted from Wikipedia data on gravitationally rounded Solar System objects, repurposed to showcase country rankings. The visualization renders using SVG circles and text elements within a black-themed 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