🌍 Public
Viewing a saved revision (read-only)
c6e612cfdd334bdc8367944103516c5c
Fork of D3 Starter
This example generates a grid of horizontal and vertical stripes that intersect to create a geometric pattern. It uses SVG masks with circles to reveal or hide different sections of the stripes, producing a composition reminiscent of Sol LeWitt’s wall drawings. The code leverages D3 v7 selection methods, including `select`, `append`, and `join`, along with `range` to create 100 rectangles for each direction. The visualization is fully responsive, sized to the browser window, and includes hover effects that change the fill color to magenta.
AI-generated descriptionCreating Sol LeWitt Art with SVG and D3. Get it As seen in Right in Black & White Episode 4