Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Ryan Pseudo Data Vis Learning

Public visualization

Viewing a saved revision (read-only)

22d20c57732d46ecbd05f70d2b528da5

Ryan Pseudo Data Vis Learning

0 stars0🌍 Public
Rryandutot@yahoo.com
Last edited Jan 21, 2026
Created on Jan 14, 2026
Forked from React & D3 Starter

This example demonstrates a generative, full-browser visualization built with raw SVG elements and JavaScript. It constructs a grid of overlapping horizontal and vertical rectangles that is partially obscured by a circular mask, revealing only the central region of the layered pattern. The mask is defined with an SVG `<mask>` element and a white circle, while rectangles are created programmatically using the DOM API. The page also includes a separate React app that imports D3 to render a simple text message, showing integration between the two libraries.

AI-generated description