Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of HTML Starter

Public visualization

Viewing a saved revision (read-only)

917b093b03374bbab850623fb78f1ea2

Fork of Fork of HTML Starter

0 stars3🌍 Public
NNita
Last edited Mar 17, 2025
Created on Mar 17, 2025

This visualization reimagines the solar system as an ancient astronomical map, displaying each planet with its classical symbol (☉, ☿, ♀, ⊕), Roman name, and numeral order on a papyrus-textured background. The page uses CSS gradients and SVG filters to create the aged paper effect, while JavaScript adds a scroll-unroll entrance animation and hover effects that trigger symbolic glows. Google Fonts supplies the Cinzel Decorative typeface to reinforce the antique aesthetic.

AI-generated description

Solar System Visualization

This visualization shows the Sun and the eight planets of our solar system in order:

  • The Sun (our star)
  • Mercury (1)
  • Venus (2)
  • Earth (3)
  • Mars (4)
  • Jupiter (5)
  • Saturn (6)
  • Uranus (7)
  • Neptune (8)

The celestial bodies are sized roughly proportional to their relative sizes (not to scale).

Each object is represented by:

  • A colored circle representing the body's appearance
  • The body's name
  • Its order from the Sun (except for the Sun itself)

The visualization uses HTML, CSS, and JavaScript. Hover over each celestial body to see a highlight effect. The Sun has a special radial gradient and glow effect to represent its fiery nature.