Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol LeWitt Reproduction

Public visualization

Sol LeWitt Reproduction

0 stars1🌍 Public
IIndranil Biswas
Last edited Mar 6, 2024
Created on Mar 6, 2024

This example reproduces a Sol LeWitt-style geometric piece using only SVG and JavaScript, creating an intricate grid of horizontal and vertical lines. It shows a large circular mask revealing a woven pattern of alternating line directions, with the circle centered on a full-screen canvas. The code builds the visualization by constructing SVG elements via the DOM API (`document.createElementNS`), defining two masks (`circle-mask` and `circle-mask-2`) to clip horizontal and vertical line groups. It generates 100 horizontal rectangles and 100 vertical rectangles, each 10 pixels thick, with the masks controlling visibility to create the overlapping effect. No external libraries are used; the rendering relies purely on raw SVG and JavaScript.

AI-generated description

A reproduction of a Sol LeWitt art piece.

Comments

Sign in to join the discussion.

MIT Licensed