Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol LeWitt Reproduction

Public visualization

Viewing a saved revision (read-only)

b81c8bf6f5a340848c070a2ce2fbb750

Sol LeWitt Reproduction

0 stars1🌍 Public
Nnpinta
Last edited Oct 22, 2022
Created on Oct 21, 2022
Forked from HTML Starter

This example reproduces a Sol LeWitt wall drawing using pure browser APIs, with no external libraries. It renders 100 horizontal and 100 vertical rectangles in SVG, layered so that a circular mask reveals the grid pattern at the center while masking the opposite orientation at the edges. The code constructs the SVG, masks, and shapes programmatically via `document.createElementNS`, setting attributes like `fill`, `r`, and `mask` on each element. The layout adapts to the full viewport size using `window.innerWidth` and `window.innerHeight`.

AI-generated description

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

See also React Starter.