Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol LeWitt reproduction

Public visualization

Viewing a saved revision (read-only)

3222e2073e40453784337f10ad381f28

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.