Export Code

Orbiting Bodies

Curran Kelleher

Last edited Apr 22, 2025
Created on Apr 06, 2025

Solar System Visualization

This is an interactive solar system visualization built with D3.js. The animation shows a central star with multiple planets orbiting at different speeds, and each planet has one or more moons.

Features

  • Central star with radiating glow effect
  • Multiple orbital paths with varying numbers of planets
  • Configurable planet speeds, sizes, and colors
  • Each planet has its own moons
  • Twinkling background stars
  • Smooth animation using requestAnimationFrame

Configuration

You can modify the solar system's appearance and behavior by adjusting the parameters in the config.js file:

  • Adjust the center star's size and color
  • Configure different orbital levels with their radii, number of planets, and speeds
  • Control the planets' minimum and maximum sizes
  • Set the color palette for planets
  • Configure background stars (count, size, colors)

The speed parameter in the configuration determines how fast each orbit's planets rotate around the central star.

MIT Licensed