Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

D3

Public visualization

Viewing a saved revision (read-only)

3e1d0e46e2f943f49448e3e1a40906e3

D3

0 stars0๐ŸŒ Public
Mmartina.dallamico.1@studenti.unipd.it
Last edited Oct 22, 2024
Created on Oct 22, 2024

This example shows a grid of alternating horizontal and vertical white rectangles on a black background, with two circular cutouts that create a cross-like overlapping pattern. It uses the Document Object Model (DOM) API to create SVG elements programmatically, including `document.createElementNS` for `svg`, `rect`, and `circle` nodes. Two SVG masks, `circle-mask` and `circle-mask2`, use contrasting fill colors to reveal or hide the rectangles. The code generates 100 horizontal rectangles and 100 vertical rectangles with fixed spacing, applying the masks to produce the final geometric composition.

AI-generated description

A reproduction of solo Lewitt