Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Nita's_Episode 3: Sol LeWitt in Vanilla JavaScript version 3

Public visualization

Viewing a saved revision (read-only)

4fd84fa60c40468d9df5618d93af3804

Fork of Nita's_Episode 3: Sol LeWitt in Vanilla JavaScript version 3

0 stars1🌍 Public
Rraturi22@gmail.com
Last edited Aug 6, 2025
Created on Aug 6, 2025

An animated SVG composition generates a grid of two hundred colorful vertical rectangles, each with a randomized fill color and a looping vertical translation animation that shifts it upward by 300 pixels over a random duration. A white circle is drawn at the center of the screen, while a second grid of horizontal rectangles is masked using a circle element within an SVG `<mask>` definition, revealing the horizontal stripes only inside the circular area. The code uses vanilla JavaScript with the Web Animations API (`element.animate`) and dynamically creates SVG elements via `createElementNS`.

AI-generated description