Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Full Sol LeWitt Reproduction with D3

Public visualization

Viewing a saved revision (read-only)

9ef7e733b2c74d238ba8ca4a2e157cd6

Full Sol LeWitt Reproduction with D3

0 stars1🌍 Public
Ccardoza-IPH
Last edited Sep 22, 2022
Created on Sep 21, 2022

This example reproduces a Sol LeWitt-style geometric drawing using D3 and SVG. It renders two sets of alternating horizontal and vertical rectangles that cover the full viewport, with each set clipped by a mask. The masks combine a white or black background with a large diamond-shaped symbol path, creating a starburst effect where the grid lines are selectively revealed. The code uses D3’s `select`, `range`, `symbol`, and `symbols` APIs, with SVG `<g>` groups and `mask` elements. The drawing is generated dynamically to match the browser window’s dimensions.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.