Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of solwith d3 complete

Public visualization

Viewing a saved revision (read-only)

2b5190ea48aa498aa81a0c9611acfdf2

Fork of solwith d3 complete

0 stars0🌍 Public
JJunaid Ahmed Jameel
Last edited Jan 4, 2024
Created on Jan 4, 2024
Forked from solwith d3

This example reproduces a Sol LeWitt–style drawing with D3.js, showing a circular mask overlaid on two sets of alternating horizontal and vertical black-and-white stripes. The SVG output is generated entirely through D3’s `select`, `range`, and `.join()` API to create 100 rectangles along each axis, with two masks (`circle-mask` and `circle-mask-2`) defining the contrast and inversion between the stripe groups. The code uses `window.innerWidth` and `window.innerHeight` to size the canvas dynamically.

AI-generated description

A bare minimum HTML page.