Skip to main content
100%

Sol LeWitt Reproduction with D3

✓ Published0🌍 Public
OOleg Zhernovoy
Last edited Dec 21, 2022
Created on Dec 21, 2022

This example reproduces a Sol LeWitt art piece using D3.js, showing intersecting horizontal and vertical line patterns constrained by two circular masks. It demonstrates how SVG mask elements can create layered visual effects with geometric precision. The code uses D3 selections with `join('rect')` to bind 100 data points from `range(n)`, while two distinct mask groups apply inverted black-and-white circles to reveal the gridlines. The visualization renders as an SVG using dynamic width and height based on the window size.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes