Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Ep. 3.3 - SoL LeWitt Art Reproduction Vertical - MK

Public visualization

Viewing a saved revision (read-only)

2edad8fba7084e168edcca7c54a5afd7

Ep. 3.3 - SoL LeWitt Art Reproduction Vertical - MK

0 stars1🌍 Public
Mmattykuch
Last edited Aug 10, 2022
Created on Aug 10, 2022

This example reproduces a Sol LeWitt-inspired drawing using the raw SVG API and the DOM’s `createElementNS` method. It renders 100 horizontal and 100 vertical gray rectangles in a grid, with all horizontal bars clipped by a circular mask applied via an SVG `<mask>` element. The mask, centered on the viewport, reveals only the horizontal strokes inside its 200-pixel radius while the vertical bars remain fully visible, creating a layered geometric pattern. The visualization uses `window.innerWidth` and `window.innerHeight` to size the full-screen canvas.

AI-generated description

A demo of SoL LeWitt Art.