Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Episode 3: Sol LeWitt in Vanilla JavaScript

Public visualization

Viewing a saved revision (read-only)

001f5d197147482fb8e8fbefc6240085

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