Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Episode 3: Sol LeWitt in Vanilla JavaScript version 6

Public visualization

Episode 3: Sol LeWitt in Vanilla JavaScript version 6

1 star0🌍 Public
NNita
Last edited Mar 23, 2021
Created on Mar 23, 2021

This interactive SVG artwork reproduces a Sol LeWitt-inspired geometric composition using vanilla JavaScript and the SVG DOM API. It displays a grid of vertical rectangles overlaid with three white circles, plus a second grid of horizontal rectangles masked by three additional circles via SVG `<mask>` elements. The code generates 200 rectangles per grid programmatically, sizes elements relative to the window dimensions, and calls the Web Animations API’s `animate()` method with empty keyframes, preparing the shapes for potential motion while no visible animation occurs.

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