Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol LeWitt Reproduction with D3 and groups

Public visualization

Sol LeWitt Reproduction with D3 and groups

0 stars0🌍 Public
PPetrescu Alexandru
Last edited Sep 1, 2023
Created on Sep 1, 2023
Forked from D3 starter

This example reproduces a Sol LeWitt-style drawing using overlapping horizontal and vertical striped rectangles, with a central circular region revealed through two complementary SVG masks. The code uses D3’s `select`, `range`, and `.join` API to generate 100 rects in each direction, setting their positions and dimensions from the window size. A `mask` element with a black background and white circle creates a circular window for the horizontal bars, while a second mask with inverted colors applies to the vertical bars, producing a contrasting intersection at the center.

AI-generated description

Learning

Comments

Sign in to join the discussion.

MIT Licensed