Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of HTML Starter

Public visualization

Viewing a saved revision (read-only)

cffe98e7396e48aa920a81613e01a145

Fork of HTML Starter

0 stars2🌍 Public
NNita
Last edited Mar 6, 2025
Created on Mar 6, 2025
Forked from 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 description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.