Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

DFirstSteps

Public visualization

Viewing a saved revision (read-only)

994ee0f248de47d498e7461fd5a9479c

DFirstSteps

0 stars0🌍 Public
Ssteingartpeter
Last edited May 25, 2022
Created on May 25, 2022
Forked from Hello HTML

A minimal SVG canvas fills the browser window with 100 thin horizontal rectangles, all clipped by a circular mask that leaves only the ring of the circle visible. The page uses D3's `select` and `range` to generate and append rectangles with programmatic `y` offsets and a full-width `width`, while an SVG `<mask>` element paints black to hide the interior. This results in a simple black-on-transparent ring effect centered on the viewport.

AI-generated description

A bare minimum HTML page.