Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3_First_Exercise

Public visualization

Viewing a saved revision (read-only)

1091a258386440e18ac1f0d8d9af37d8

D3_First_Exercise

0 stars0🌍 Public
WWeeeLi
Last edited Oct 30, 2023
Created on Oct 30, 2023

A full-screen SVG grid of thin black horizontal and vertical lines is masked to reveal two offset circular cutouts in the center of the canvas. The piece is a direct reproduction of a Sol LeWitt art concept, rendered using D3 v6. The code builds the lines by binding `d3.range(n)` data arrays to `rect` elements via `.join()`, while two layered SVG `<mask>` elements (one black rect with white circle, one white rect with black circle) define the visible apertures.

AI-generated description

A reproduction of a Sol LeWitt art piece.

首次介绍和使用d3;