Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Exercise 1: SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

f007c56c80ba4ac48c1c45e60e6bf40e

Exercise 1: SVG Fundamentals

24 stars53🌍 Public
AAdil Zeshan
Last edited Mar 13, 2021
Created on Mar 6, 2021
Forked from SVG Fundamentals

An animated SVG scene cycles through a sunrise-to-nightfall color transition, depicting a sun setting behind layered silhouetted landscapes. Gradients shift between aliceblue, steelblue, indigo, and midnightblue over a 15-second loop, with the sun's vertical position animating downward and back. The visualization uses native SVG elements—`rect`, `circle`, `path`, and defined `radialGradient` and `linearGradient`—with SMIL animations via `<animate>` tags, all embedded directly in the HTML without external libraries.

AI-generated description

Sunrise/sunset.