Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol LeWitt repro with D3

Public visualization

Viewing a saved revision (read-only)

e311e604156b4867b06c450bf60706ba

Sol LeWitt repro with D3

0 stars0🌍 Public
Ddsims2157
Last edited Feb 18, 2023
Created on Feb 18, 2023

This example reproduces a Sol LeWitt art piece using D3 v3 and SVG. It displays a grid of horizontal and vertical lines that are selectively masked by two overlapping circular regions, creating a geometric pattern of intersecting lines with circular cutouts. The code uses raw DOM manipulation with `document.createElementNS` to construct SVG elements, defining two `mask` elements with `rect` and `circle` shapes to control which parts of the line grid are visible. The rendering is resolution-independent, adapting to the full browser window dimensions.

AI-generated description

A reproduction of a Sol LeWitt art piece