Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol LeWitt reproduction

Public visualization

Viewing a saved revision (read-only)

86a97057352345e98974d589d8e997ab

Sol LeWitt reproduction

0 stars2🌍 Public
AAngela Kochoska
Last edited Oct 25, 2022
Created on Oct 25, 2022
Forked from JS Basics

This piece reproduces a Sol LeWitt wall drawing using JavaScript to generate SVG elements dynamically. It displays a composition of horizontal and vertical striped rectangles that form a distinct circular pattern at the center of the viewport. The rendering uses two SVG masks, `inner-circle-mask` and `outer-circle-mask`, to control the visibility of the 100 horizontal and 100 vertical `<rect>` elements, which are sized relative to the window’s dimensions. The code relies on basic SVG APIs such as `createElementNS`, `setAttribute`, and `appendChild` to construct the artwork.

AI-generated description

A reproduction of a Sol LeWitt piece.