🌍 Public
Viewing a saved revision (read-only)
adf8da188acf444a959b9e08d42c71a6
Full Sol LeWitt Reproduction with D3 and path masks refactored
Gguts
Last edited Oct 11, 2023
Created on Oct 11, 2023
Forked from Fork of Full Sol LeWitt Reproduction with D3
This visualization reproduces a Sol LeWitt art piece using D3.js, displaying a grid of horizontal and vertical bars that are selectively revealed through two SVG path masks. The masks, created with the `symbol` function to generate complex paths, alternately invert their fill to hide or show different sections of the overlapping rectangles. The code uses D3’s `select`, `range`, and `join` APIs to efficiently build the SVG structure, with masks applied via the `mask` attribute. The artwork is rendered dynamically based on the browser window’s dimensions.
AI-generated descriptionA reproduction of a Sol LeWitt art piece.