Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Exercise 1: SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

c86de14c86864653ad067d7fd0ccb1ad

Fork of Exercise 1: SVG Fundamentals

0 stars0🌍 Public
Yyfping
Last edited Oct 5, 2023
Created on Oct 5, 2023

This animated SVG scene depicts a sunrise and sunset over a stylized landscape. The visualization uses a radial gradient for the sky and linear gradients for two layered terrain paths, which are defined within SVG `<defs>` elements. A `<circle>` element represents the sun, and its vertical position translates via an `<animate>` tag. The code relies on core SVG and SMIL animation APIs, specifically `radialGradient`, `linearGradient`, and `attributeName` for the periodic color and position changes.

AI-generated description

Sunrise/sunset.