Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Sol LeWitt box matching

Public visualization

D3 Sol LeWitt box matching

0 stars0🌍 Public
JJMeltzer92
Last edited Dec 20, 2022
Created on Dec 20, 2022
Forked from D3 Sol LeWitt 2

This visualization generates a grid of overlapping horizontal and vertical stripes, each masked by a row of D3 symbol shapes. Using D3 v7 APIs including `select`, `range`, and `symbol`, it renders SVG rectangles and paths. Two masks—one normal and one inverted—control which stripe segments remain visible, creating a checkerboard-like interplay of geometric forms inspired by Sol LeWitt’s wall drawings. The code uses `join` for enter selection and derives symbol paths from D3’s built-in symbol types.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed