Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol LeWitt art

Public visualization

Viewing a saved revision (read-only)

39298f0ff2544c9a957a0b907c329a05

Sol LeWitt art

0 stars0🌍 Public
SSumit Ningolli
Last edited Feb 23, 2025
Created on Feb 16, 2025
Forked from HTML Starter

This example recreates Sol LeWitt-inspired geometric art using D3.js to generate a grid of horizontal and vertical SVG rectangles. The piece shows alternating full-width and full-height bands intersecting across the entire viewport, creating a woven pattern. Two SVG masks with circular cutouts are applied to these band groups, revealing the underlying shapes only within circular regions. The code constructs 100 rectangles in each direction using `d3.range` and `selectAll().join()`, with masks defined via appended `mask` elements containing `rect` and `circle` nodes.

AI-generated description

Sol Lewitt art