Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Simple_SolLettWittRecreation_no.json

Public visualization

Simple_SolLettWittRecreation_no.json

0 stars0🌍 Public
Ppeter@attachmentdivision.com
Last edited Jan 4, 2023
Created on Jan 4, 2023

This example uses D3 v7 to render a grid of 100 vertical and horizontal bar-shaped rectangles that intersect across the full viewport. A circular SVG mask, centered in the frame, reveals only the area inside its 200-pixel radius, while the surrounding bars remain hidden behind a white overlay rectangle. The code appends SVG elements via `select`, `append`, and `join`, and uses `range` to generate the data for each bar. The visualization demonstrates how SVG masks can selectively crop layered geometric compositions in real time.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed