Viewing a saved revision (read-only)
d398ec98a333422293248b3a0dc4bfe6
Fork of HTML Starter
This visualization shows the Sun and the eight planets of our solar system arranged in order, with each celestial body represented by a colored circle that is roughly sized proportionally to its actual size. The sizes use absolute pixel values via CSS, ranging from Mercury at 40px to the Sun at 180px, and the Sun features a radial gradient and glow effect. Saturn includes an elliptical ring element layered behind its circle. The page uses plain HTML and CSS with a flexbox layout for the horizontal arrangement, and JavaScript adds a hover effect that applies a white box-shadow to highlight each selected planet.
AI-generated descriptionSolar System Planets in Order
This visualization shows the eight planets of our solar system in order from the Sun:
- Mercury
- Venus
- Earth
- Mars
- Jupiter
- Saturn
- Uranus
- Neptune
The planets are sized roughly proportional to their relative sizes (not to scale).
Each planet is represented by:
- A colored circle representing the planet's appearance
- The planet's name
- Its order from the Sun
The visualization uses HTML, CSS, and JavaScript. Hover over each planet to see a highlight effect.