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)

3b422d827a6145219497792e67a21dff

Full Sol LeWitt Reproduction with D3

0 stars0🌍 Public
LLewis Ward
Last edited Jul 19, 2021
Created on Jul 16, 2021

This example reproduces a Sol LeWitt-style drawing by layering two sets of thin, uniformly spaced rectangles—one horizontal and one vertical—across the full browser window. The rectangles are masked by overlapping circles, creating a bold geometric interplay of lines and negative space. Built with D3 v3 and React, the code uses `d3.range` to generate 100 elements per axis, `svg.append` for the SVG structure, and custom mask definitions (`circle-mask` and `circle-mask-2`) to alternate white and black circular cutouts. The result is a clean, minimalist pattern that responds to the viewport size.

AI-generated description

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

See also React Starter.