Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Solar System

Public visualization

Viewing a saved revision (read-only)

b7374a800cb84628b4f095691d5ce49e

Solar System

2 stars1🌍 Public
CCurran Kelleher
Last edited Oct 7, 2020
Created on Oct 7, 2020
Forked from Solar System

This example animates a stylized, not-to-scale model of the solar system, including the planets and Pluto, orbiting a central sun against a background image of space. Each planet moves along a circular path defined by SVG path elements, with its speed and orbital radius hardcoded. The visualization uses React for component structure and D3.js for generating the circular arc paths, while SVG’s `animateMotion` drives the continuous orbital animation.

AI-generated description

This is a sample model of the solar system Not to scale. Image taken from here

The 5th ring represents the asteroid belt. There are This image depicts the solar system(including Pluto).