Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol Lewitt D3

Public visualization

Sol Lewitt D3

0 stars1🌍 Public
Ppirani.sabah@gmail.com
Last edited Nov 13, 2024
Created on Nov 13, 2024
Forked from SVG Fundamentals

This example reproduces a Sol LeWitt-inspired drawing using D3.js to render SVG rectangles in a browser. It shows a grid of alternating vertical and horizontal bars that are masked to create a circular focal point, with bars inside the circle appearing inverted relative to those outside. The code uses D3’s `select` and `range` APIs to generate and join the rectangles, while custom SVG masks (`circle-mask` and `circle-cutout-mask`) control visibility. The visualization resizes to the full window and uses only the built-in D3 library (v6.6.1).

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed