Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol LeWitt Reproduction

Public visualization

Viewing a saved revision (read-only)

a7a906cfd04b4744aeb9bbe2e944171d

Sol LeWitt Reproduction

0 stars1🌍 Public
TTheo-0201
Last edited Sep 19, 2023
Created on Sep 19, 2023

This example reproduces a Sol LeWITT drawing using raw SVG and JavaScript, without any external libraries. It renders 100 horizontal and 100 vertical striped rectangles that intersect to create a geometric grid, with two circular masks applied to reveal different portions of the stripes. The `mask` element and `circle` primitives define a central circular boundary, while the second mask inverts its effect. The visualization spans the full browser window by reading `window.innerWidth` and `window.innerHeight`. The code constructs SVG elements programmatically via `document.createElementNS` and sets attributes directly, demonstrating a minimal approach to generative art.

AI-generated description

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

See also React Starter.