Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Episode 3: Sol LeWitt in Vanilla JavaScript version 3

Public visualization

Viewing a saved revision (read-only)

f00863bb3b8d431e805d308944266aef

Fork of Episode 3: Sol LeWitt in Vanilla JavaScript version 3

0 stars0🌍 Public
DDing
Last edited Oct 18, 2022
Created on Oct 18, 2022

This example shows a generative art piece inspired by Sol LeWitt, featuring a grid of animated vertical rectangles that shift downward while a white circle overlays the center. A second set of horizontal rectangles is clipped by a circular mask, creating a layered geometric composition. The animation uses the Web Animations API’s `element.animate()` with random durations and translations, while SVG elements are created dynamically via `document.createElementNS`. Random RGB fills are assigned to each rectangle, and the mask is defined using SVG `<mask>` and `<circle>` elements.

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