Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Episode 3: Sol LeWitt in Vanilla JavaScript version 2

Public visualization

Episode 3: Sol LeWitt in Vanilla JavaScript version 2

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

This example renders a generative SVG composition inspired by Sol LeWitt, using vanilla JavaScript and the SVG DOM API. It displays a field of randomly colored vertical rectangles, with a white circle centered over them. A second set of randomly colored horizontal rectangles is clipped by a circular mask, creating a crosshatched disk. The code constructs all shapes dynamically, assigning random fill colors and using CSS transitions to animate the vertical rectangles' height on hover.

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