Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

so lewit reproduction D3.js fundamental

Public visualization

so lewit reproduction D3.js fundamental

0 stars2🌍 Public
Ddeebanks77
Last edited Nov 23, 2022
Created on Nov 23, 2022
Forked from D3.js fundamental

This example reproduces a Sol LeWitt–style drawing using D3.js. It generates a grid of horizontal and vertical rectangles, each masked to reveal a circular cutout at the center of the screen. The visualization uses D3’s `select`, `range`, and data joins to create 100 rects in each direction, with SVG masks (`url(#circle-mask)`) alternating black and white fills to control visibility. The code relies on D3 v7 and renders entirely as SVG, filling the full browser viewport with no external data.

AI-generated description

Sunrise/sunset.

Comments

Sign in to join the discussion.

MIT Licensed