Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of SVG Fundamentals

Public visualization

Fork of SVG Fundamentals

0 stars1🌍 Public
WWolfgang
Last edited May 4, 2021
Created on May 2, 2021
Forked from SVG Fundamentals

This SVG visualization demonstrates a traffic light sequence using three stacked circles, with the middle yellow light flashing through an animation. The graphic is rendered via raw SVG markup in an HTML file, using `<rect>`, `<circle>`, and `<path>` elements to define the housing, lights, and supporting pole. The yellow light animates its fill attribute using SVG’s `<animate>` element, which changes the fill from none to yellow over a one-second duration with an indefinite repeat. The other circles use static fill colors (red and green) with opacity set to 0.2, while the gray base circles and dark gray rectangle provide contrast.

AI-generated description

A demonstration of SVG shapes.

Comments

Sign in to join the discussion.

MIT Licensed