Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

box d3

Public visualization

Viewing a saved revision (read-only)

8b9cdc5b3eca4089ad8947b53a4bca82

box d3

0 stars0🌍 Public
MMahendra S H
Last edited Feb 20, 2023
Created on Feb 20, 2023
Forked from HTML Starter

This example displays a series of horizontal rectangular bars stacked vertically across the full screen, each referencing the same circular SVG mask. The bars are rendered as SVG `<rect>` elements created with D3's `selectAll` and `join` pattern, using a data array of 100 objects generated in a loop. The visualization relies on D3's `select` and `attr` methods to bind data and set position and dimensions, while the mask filters each bar to reveal a circular cutout effect.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.