Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Full Sol LeWitt Reproduction

Public visualization

Viewing a saved revision (read-only)

f2c2f9a49b294be9b8a641de77ab15aa

Full Sol LeWitt Reproduction

0 stars0🌍 Public
MMatthew Bruffey
Last edited Jul 4, 2023
Created on Jul 4, 2023

This example reproduces a Sol LeWitt wall drawing using D3 to generate SVG shapes. Alternating vertical and horizontal striped rectangles are layered beneath two masks, creating a geometric composition where the pattern changes across the canvas. Each mask contains alternating black and white regions with D3 symbol paths—including circles, crosses, and diamonds—positioned at intervals. The code uses `d3.select`, `d3.range`, `d3.symbol`, and `d3.symbols` to build the visualization, with the masks inverted relative to each other for a contrasting effect.

AI-generated description

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

See also React Starter.