Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

3 try of Sol Lewitt reproduction with d3

Public visualization

Viewing a saved revision (read-only)

27fbf0bcb0da4728befc9784e595ae00

3 try of Sol Lewitt reproduction with d3

0 stars0🌍 Public
Cclara7227
Last edited Nov 11, 2022
Created on Nov 11, 2022

This example recreates a Sol LeWitt-inspired wall drawing using D3.js and SVG. It renders 100 horizontal and 100 vertical rectangles across the full viewport, with each strip assigned a mask that clips it into a repeating pattern of D3’s built-in symbol shapes (circles, crosses, diamonds, and triangles). Two masks are applied: one uses black symbols on white, the other inverts the fill, creating contrast between the two overlapping grids. The code builds masks programmatically via a reusable `renderMask` function and leverages D3’s `range`, `symbol`, and `symbols` APIs to generate the clipped geometry.

AI-generated description

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

See also React Starter.