Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Sol Lewitt in Vanilla JS Project Attempt #1 (Finishing up)

Public visualization

Viewing a saved revision (read-only)

6477cbd13cc64eb3bb723520ef0b5278

Fork of Sol Lewitt in Vanilla JS Project Attempt #1 (Finishing up)

0 stars0🌍 Public
CCasualWanderer20XX
Last edited Sep 9, 2025
Created on Sep 9, 2025

This example shows a geometric composition of concentric rectangles that shrink toward the center of an SVG canvas, with a visible mask creating a hollow square hole in the middle. The rectangles are generated in a JavaScript while loop, using the SVG DOM API to create mask elements and rect elements dynamically. The code sets stroke widths and border increments to space each rectangle, while the mask, defined with white and black fill regions, determines which parts of the rectangles remain visible. The result is a minimalist, grid-like pattern inspired by Sol LeWitt, rendered entirely in SVG.

AI-generated description