Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol LeWitt Reproduction with D3 and groups

Public visualization

Viewing a saved revision (read-only)

6c83d3d85333482e954ff9b628289fa9

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