Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Episode 3: Sol LeWitt in Vanilla JavaScript version 4

Public visualization

Episode 3: Sol LeWitt in Vanilla JavaScript version 4

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

This example displays a full-screen generative composition of vertical and horizontal color grids overlaying a central white circle. Built with vanilla JavaScript and the SVG API, it creates 200 animated vertical rectangles that jitter horizontally behind a masked grid of horizontal bars. The code uses `document.createElementNS` for SVG elements, CSS transforms for the infinite animation loop, and a mask to confine the horizontal grid within a circular boundary.

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