Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

sol_lewitt_test_with_D3

Public visualization

Viewing a saved revision (read-only)

dc0b8323fb824ed0bafbbe5c40a883d6

sol_lewitt_test_with_D3

0 stars1🌍 Public
Ggaudi84
Last edited Oct 31, 2022
Created on Oct 31, 2022
Forked from sol_lewitt_test

This example renders a generative geometric composition inspired by Sol LeWitt, using D3.js to create intersecting grids of thin horizontal and vertical rectangles. A circular mask, defined with SVG `mask` elements and `circle` shapes, reveals the grid pattern in the center while hiding it elsewhere. The code uses `select`, `range`, and `join` from D3 to efficiently generate and bind data to SVG `rect` elements, with the second mask inverting the visibility to produce a layered effect. The visualization fills the browser window and updates with the viewport size.

AI-generated description

A demonstration of SVG shapes.