Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Full Sol LeWitt Piece Reproduction with D3

Public visualization

Viewing a saved revision (read-only)

ece2e392cec84eeabc95a9cc63569e5d

Full Sol LeWitt Piece Reproduction with D3

0 stars0🌍 Public
MMika Kutila
Last edited Jun 12, 2022
Created on Jun 8, 2022

This example reproduces a Sol LeWitt wall drawing using D3.js to generate SVG shapes. It layers horizontal and vertical striped rectangles, each filtered by a separate mask. The masks are built from alternating black and white bands containing geometric symbols, such as arcs and lines, drawn with the `symbol` and `symbols` APIs. By inverting the mask colors, the piece creates intersecting patterns across the full browser window, with the rendering using D3’s `select`, `range`, and `join` methods for efficient SVG construction.

AI-generated description

A demo of SVG shapes.