Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Sol LeWitt Reproduction a la class

Public visualization

D3 Sol LeWitt Reproduction a la class

0 stars1🌍 Public
AArnulfotos
Last edited Feb 18, 2023
Created on Feb 18, 2023

This example reproduces a Sol LeWitt wall drawing using a grid of horizontal and vertical SVG rectangles that are selectively revealed through two circular masks. The masks invert their fill colors so that one circle exposes horizontal stripes while the other exposes vertical stripes, creating an intersecting cross-hatch pattern. The code uses D3 v6 selection methods like `select` and `range` to generate 100 rectangles in each direction, with SVG `mask` elements defining the circular regions. The visualization fills the entire browser window and renders entirely as vector graphics.

AI-generated description

A bare minimum HTML page.

Comments

Sign in to join the discussion.

MIT Licensed