Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Episode 3: Sol LeWitt in Vanilla JavaScript version 5

Public visualization

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).

Comments

Sign in to join the discussion.

MIT Licensed