Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol LeWitt in Vanilla JavaScript version Mar 27 2021

Public visualization

Viewing a saved revision (read-only)

58ae463de9fa420c8bd86cf97165a6ea

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