Skip to main content
100%

Sol LeWitt Reproduction with D3

✓ Published3🌍 Public
MMark Christian
Last edited Jun 8, 2022
Created on Jun 7, 2022
Forked from Learn D3

This example reproduces a Sol LeWitt-style geometric composition using overlapping horizontal and vertical bands that are partially revealed by SVG masks. The D3 code generates 100 rectangular strips in each direction and applies two distinct masks—one inverted, one not—that use D3’s `symbol` shapes to create cutout effects. The visualization relies on `d3.select`, `d3.range`, and SVG mask elements within a React-free, plain HTML setup. The final pattern emerges from the interplay of line density and symbolic transparency across the full viewport.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes