Viewing a saved revision (read-only)
9625c7b964c1420a8dfdcb4fd4170dae
Fork of Fork of HTML Starter
The visualization displays the Sun and all eight planets of our solar system in orbital order, with each celestial body shown as a colored circle labeled with its name and position. A radial gradient and glow effect distinguish the Sun, while Saturn includes a ring element. The code uses plain HTML, CSS, and JavaScript, with `querySelectorAll` and `addEventListener` to apply a white box-shadow highlight on mouse hover. Planet sizes and colors are hardcoded in CSS to approximate relative proportions rather than accurate scale.
AI-generated descriptionSolar 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.