Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol Lewitt Reproduction with D3 multiple symbols

Public visualization

Viewing a saved revision (read-only)

a04a4eb508c749b498468aafa613d5ef

Sol Lewitt Reproduction with D3 multiple symbols

0 stars0🌍 Public
GGullyPlook
Last edited Sep 14, 2023
Created on Sep 14, 2023

This example reproduces a Sol LeWitt-style drawing using D3’s `symbol` and `symbols` API to generate five geometric shapes (circle, cross, diamond, square, and star) that act as masks. Two sets of horizontal and vertical striped rectangles are drawn, each masked by a different pattern of symbols; the first mask uses black-filled symbols on white, the second inverts this. The `renderMask` function appends SVG `mask` elements, mapping each symbol to a `path` via `symbol(d, 8000)()` at evenly spaced translations. The code relies on `select`, `range`, and `join` for data-driven rendering.

AI-generated description

[Sol Lewitt] Reproduction with D3 (https://en.wikipedia.org/wiki/Sol_LeWitt)