Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Le04 Sol LeWitt Reproduction with D3

Public visualization

Viewing a saved revision (read-only)

6839a7ab4bf24d519ed8ae84b375eea7

Le04 Sol LeWitt Reproduction with D3

0 stars1🌍 Public
CColin Frutschi
Last edited May 10, 2023
Created on May 10, 2023

This example reproduces Sol LeWitt’s geometric wall drawing using D3.js. It renders a grid of thin horizontal and vertical SVG rectangles across the full browser window, with each line colored by default. Two circular masks reveal the lines: the first shows a white circle over a black background, while the second inverts the effect, hiding the circle and showing the surrounding lines. The code uses `d3.select`, `d3.range`, and `selection.join` to bind data and create the rectangles.

AI-generated description

Some JS Basics