Full Sol LeWitt reproductions with d3
✓ Published0🌍 Public
AAngela Kochoska
Last edited Nov 4, 2022
Created on Nov 4, 2022
Forked from All out on Sol LeWitt reproductions with d3
This example reproduces a Sol LeWitt piece using D3.js by generating a grid of horizontal and vertical lines. Two SVG masks, defined as "inner-mask" and "outer-mask", are applied to these lines to reveal or hide portions of the grid, creating a complex geometric pattern. The masks are constructed using D3's `symbol` and `symbols` APIs to draw paths that form the mask shapes. The code uses D3's `select`, `append`, `attr`, and `join` methods to build the SVG structure and apply data-driven attributes. The rendering is done entirely in SVG, scaling to the browser window size.
AI-generated descriptionA reproduction of a Sol LeWitt piece.
MIT Licensed