Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

d3

Public visualization

d3

0 stars1🌍 Public
Sserebryanaya.n@gmail.com
Last edited Feb 13, 2023
Created on Feb 10, 2023
Forked from svg mask

A grid of alternating horizontal and vertical SVG rectangles is masked to reveal a circular window at the center of the viewport. The example demonstrates how to construct and apply multiple SVG masks using D3’s selection and data-join methods, specifically `selectAll` with `range` and `join('rect')`. Two masks (`circle-mask` and `circle-mask-2`) use black-and-white rectangles and circles to control visibility of the 50 strips in each direction.

AI-generated description

An example including some commonly used features of SVG.

Comments

Sign in to join the discussion.

MIT Licensed