Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol LeWitt Repro w/ D3 - different method

Public visualization

Sol LeWitt Repro w/ D3 - different method

0 stars0🌍 Public
Hhelloelectro
Last edited Feb 12, 2023
Created on Feb 12, 2023

This example reproduces a Sol LeWitt-inspired wall drawing by filling the screen with horizontal and vertical striped rectangles. It creates 100 rows and 100 columns, each 10 pixels thick, and layers them using two SVG masks to reveal a circular cutout where the orientations intersect. The visualization uses D3 v7’s `select`, `range`, and `join` to append SVG elements, while separate mask definitions with black and white fills control visibility. Rendering is fully SVG-based, with window dimensions driving the canvas size.

AI-generated description

Combined element creation (.append) w/ adding to DOM Also using classes to separate mask ('rect') elements

Comments

Sign in to join the discussion.

MIT Licensed