Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol LeWitt Reproduction with D3

Public visualization

Sol LeWitt Reproduction with D3

0 stars1🌍 Public
PPareel Amre
Last edited Nov 20, 2023
Created on Nov 20, 2023

A D3.js reproduction of a Sol LeWitt art piece renders a grid of horizontal and vertical striped rectangles across the full viewport. Two SVG masks, each combining a full-screen rectangle with a centered circle, restrict which stripes are visible. The first mask (circle-mask) reveals horizontal lines through a white circular opening on a black background, while the second (circle-mask-2) inverts the pattern for vertical lines. Using d3.select, range, and data joins, the code generates 100 rect elements per orientation, with masks applied via the mask attribute.

AI-generated description

A reproduction of a Sol LeWitt art piece

Comments

Sign in to join the discussion.

MIT Licensed