Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol LeWitt Reproduction Final

Public visualization

Viewing a saved revision (read-only)

450005f8c17c4f8a8e279ff7d02ecf20

Sol LeWitt Reproduction Final

0 stars0🌍 Public
CCeciliaW888
Last edited Mar 26, 2023
Created on Mar 23, 2023

This example reproduces a Sol LeWitt wall drawing using two SVG masks to create a central circular region where intersecting horizontal and vertical lines alternate between foreground and background. The code builds the visualization with plain JavaScript and SVG DOM manipulation, using the `mask` element with black and white `rect` and `circle` shapes to control visibility. Each of the 100 lines is drawn as a thin `rect` element, with horizontal lines clipped by the first mask and vertical lines clipped by the second, producing a geometric pattern that shifts contrast inside and outside the circle.

AI-generated description

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

See also React Starter.