🌍 Public
[D3] Le Witt - Masks
This example creates a geometric composition of thin vertical and horizontal stripes that cross to form a mask-like circular pattern. Two SVG masks—one revealing a filled circle and another showing a circle cut out of a full rectangle—control the visibility of the stripes, which are generated as rectangles using D3's `range` and `join`. The visualization uses `d3.select`, `.append`, and `.attr` within a React framework, rendering entirely as SVG with D3 v6.
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 - Collection](/viz/a8f81e4b76d941aaa7369b4b8fdef5f0/social-image.png?v=b8ad0a20f9a94b7782413c7aee5fbc7b)



Comments
Sign in to join the discussion.