Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Solar System

Public visualization

Viewing a saved revision (read-only)

6342bec91be14bdf9b99f601546b7157

Solar System

0 stars0🌍 Public
SSubhendu Karmakar
Last edited Jan 31, 2024
Created on Jan 31, 2024
Forked from D3 Transitions

The animation displays the solar system with the Sun and planets to scale, mapping orbital distances and radii onto spatial positions for circles and labels. Built with D3.js, it uses selections and transitions with easeLinear to animate planet appearance and label opacity over staged delays. The code defines celestial body data (including Pluto) and renders it via SVG circles and text, with the Sun and each planet uniquely colored.

AI-generated description

Creating circles with D3.

Challenge

  • Fork this example
  • Modify it
  • Maybe make it Halloween themed
  • Maybe make it Christmas themed
  • Be creative

Svelte

Here's a video on how to get started with Svelte as well!