Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Sol LeWitt pt2

Public visualization

D3 Sol LeWitt pt2

0 stars1🌍 Public
AArturo Guevara
Last edited Sep 5, 2022
Created on Sep 5, 2022
Forked from D3 Sol LeWitt

This example reproduces a Sol LeWitt wall drawing using D3.js and SVG rendering. It displays a grid of horizontal and vertical bars that intersect, with circular masks applied to create a rounded viewing window in the center of the canvas. The code uses D3’s `select`, `range`, and `join` APIs to generate the rect elements, and constructs two SVG masks—one with a white circle on black and another with a black circle on white—to reveal and conceal portions of the bars. The visualization fills the entire browser window, with the bars spaced at 20-pixel intervals.

AI-generated description

A reproduction of a Sol LeWitt art piece.

Comments

Sign in to join the discussion.

MIT Licensed