🌍 Public
[D3] Le Witt - Collection
This example renders a grid of vertical and horizontal stripes whose visibility is selectively masked by two overlapping D3 symbol arrays. Using the D3 `symbol` and `symbols` APIs, it generates circle, cross, diamond, square, star, triangle, and wye glyphs as SVG paths, which define alternating black-and-white masks via `scaleBand` and `mask` elements. The result is a layered, generative composition inspired by Sol LeWitt’s wall drawings, with React managing the SVG canvas and D3 v6 handling data binding and coordinate transforms.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.
MIT Licensed
![[D3] Le Witt - Masks with Symbols](/viz/732db77b74c7479c8df03b1144048f8d/social-image.png?v=a507cb998646406eb1c2b63e4c2c34c0)





![[D3] Le Witt - Masks](/viz/616183bbd0434303bb4ca2378ba9b428/social-image.png?v=bdd395def10b43a69c4cf3ec88169713)

Comments
Sign in to join the discussion.