Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol LeWitt in Vanilla JavaScript version Mar 27 2021

Public visualization

Sol LeWitt in Vanilla JavaScript version Mar 27 2021

0 stars0🌍 Public
NNita
Last edited Mar 27, 2021
Created on Mar 27, 2021

This visualization shows a colorful grid of small rectangles overlaid by a large white circle at the center, with a second layer of horizontal colored stripes masked into a circular shape. The SVG is built entirely with Vanilla JavaScript, using `document.createElementNS` for SVG elements. It creates 10,000 randomly colored vertical rectangles, then renders a white circle on top and a masked set of horizontal rectangles inside a circular region using SVG masks. The code uses `Math.random()` to generate RGB fill values, creating a generative art piece inspired by Sol LeWitt.

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