Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol Lewitt - D3

Public visualization

Viewing a saved revision (read-only)

efe30f49e86c4447b580b5a025bc581a

Sol Lewitt - D3

0 stars1🌍 Public
Hhquazza@gmail.com
Last edited Dec 17, 2024
Created on Dec 11, 2024

A grid of thin horizontal and vertical white strokes overlays the full browser window, but a circular mask reveals the pattern only within a central disc, creating a crisp boundary between the visible striped interior and a blank exterior. Built with D3.js (version 7.9.0) and rendered as SVG, the code uses `select`, `range`, and the `.join('rect')` API to generate 100 rects in each orientation. Two SVG masks—one with a white circle on black, the other inverted—alternately hide and reveal the respective stroke sets, producing the final composed image.

AI-generated description

Trying to reproduce Sol Lewitt art.

See for mask content the Mask Tutorial

Masks - black = you can't see it, white = you can