Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol LeWitt Reproduction D3

Public visualization

Sol LeWitt Reproduction D3

0 stars0🌍 Public
Gguththered
Last edited Jun 10, 2022
Created on Jun 10, 2022

This example reproduces a Sol LeWitt geometric art piece using only SVG and DOM manipulation, without any external libraries. It displays a grid of 100 horizontal and 100 vertical black rectangles on a full-screen canvas. Two circular masks—one with a black background and white circle, the other inverted—are applied to the horizontal and vertical strips respectively, creating an intersecting circular void in the center. The code uses `createElementNS` to construct SVG elements and `setAttribute` with `mask` URLs to achieve the layered effect.

AI-generated description

A reproduction of a Sol LeWitt art piece.

Comments

Sign in to join the discussion.

MIT Licensed