Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

470802de6c1946a9bc77a252d24ccb84

SVG Fundamentals

0 stars0🌍 Public
HHtet Yan Oo
Last edited Jan 15, 2024
Created on Jan 15, 2024
Forked from HTML Starter

A demonstration of SVG fundamentals shows a full-screen radial gradient and an animated circle descending vertically over five seconds. The gradient transitions from aliceblue to indigo via an SVG `<animate>` element on the `<stop>` color, while the circle’s `cy` attribute animates from 250px to 350px. Rendered purely as inline SVG in an HTML document, the example uses no external libraries, relying on native SVG markup and SMIL animation for its visual effect.

AI-generated description

A demonstration of SVG shapes