Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol LeWitt Reproduction Vertical

Public visualization

Viewing a saved revision (read-only)

4f60eedbe627458aa3a45483565a7de6

Sol LeWitt Reproduction Vertical

0 stars1🌍 Public
Nnreinig3@gatech.edu
Last edited Dec 4, 2023
Created on Dec 2, 2023

This example reproduces a Sol LeWitt-style drawing using only raw SVG and JavaScript. It shows a vertical stack of 100 horizontal rectangles whose visibility is restricted to a circular region centered on the screen. The code creates an SVG via the DOM API, defines a `<mask>` with a white background and a black circle, and applies that mask to each yellow rectangle. The result is a crisp geometric pattern of horizontal bands inside a circle, rendered entirely without external libraries or frameworks.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.