Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Episode 3: Sol LeWitt in Vanilla JavaScript version 5

Public visualization

Viewing a saved revision (read-only)

a23cd9202981477cae74bc5a8871cb95

Episode 3: Sol LeWitt in Vanilla JavaScript version 5

0 stars1🌍 Public
NNita
Last edited Mar 23, 2021
Created on Mar 23, 2021

A colorful grid of thin vertical rectangles fills the screen, each one continuously rotating 360 degrees via the Web Animations API’s `Element.animate()`. A large white circle overlays the center, while a second set of horizontal rectangles, masked by an SVG `mask` containing a circle, reveals only inside that circular region. The piece generates random RGB fill colors for each vertical bar and uses a fixed count of 200 elements, with SVG attributes and styles set imperatively through JavaScript. The animation runs infinitely with a 2000-millisecond duration per rotation.

AI-generated description

Inspiration from Curran's live streaming

Started from scratch. Lot of research helps.

Exercise options:

Reproduce any Sol LeWitt piece.

Create generative art in the spirit of Sol LeWitt.

Add animation to what we’ve created (e.g. rotation).