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)

140b7d9122214a8d9bb71f2690fc6e7e

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