Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Episode 3: Sol LeWitt in Vanilla JavaScript version 6

Public visualization

Viewing a saved revision (read-only)

def12cdc12474d05934198a7a84a6878

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