Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Solar System

Public visualization

Viewing a saved revision (read-only)

d7bdcb153a2d47d899e4d8382f2a1340

Fork of Solar System

0 stars0🌍 Public
Aanilthapa1.at23@gmail.com
Last edited Sep 20, 2024
Created on Sep 20, 2024
Forked from Solar System

This example visualizes a solar system as a network of connected nodes, with planets orbiting a central star and lines tracing their paths. It uses `d3.forceSimulation` to position the bodies and `d3.geoPath`-like rendering for orbital trajectories. The animation is driven by `requestAnimationFrame` while each planet’s velocity and acceleration update per frame, producing a dynamic, physics-inspired model. The fork specifically alters the original force parameters, changing the balance of attraction and repulsion to create divergent orbital patterns. All rendering is done through SVG elements, with the code drawing from the v3 branch of the original project.

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