Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Episode 3: Sol LeWitt in Vanilla JavaScript

Public visualization

Episode 3: Sol LeWitt in Vanilla JavaScript

0 stars2🌍 Public
NNita
Last edited Mar 22, 2021
Created on Mar 22, 2021

This example recreates a Sol LeWitt-inspired geometric composition using vanilla JavaScript and SVG. It displays a grid of vertical rectangles spanning the full window height, overlaid with a white circle at the center that masks a second layer of horizontal rectangles, creating a crosshatch pattern within the circular boundary. The code constructs SVG elements programmatically via `createElementNS` and manipulates styles for positioning and masking, using the `mask` element with a circle to clip the inner grid.

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