Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

d3d3d3 2

Public visualization

Viewing a saved revision (read-only)

3e7f2163cf6141b285aba1b551ff9256

d3d3d3 2

0 stars0🌍 Public
GGusnaRWX
Last edited Dec 28, 2023
Created on Dec 28, 2023
Forked from HTML Starter

Two layered grids of thin rectangles sweep across the full screen, one horizontal and one vertical, creating a moiré-like interference pattern. Each grid is partially hidden by an SVG mask that reveals the shape of a large symbol—a star from the d3 symbol set—at the center. The code builds the visualization with D3 selections, joining data arrays to create 100 rects per grid, and defines reusable mask-rendering functions via `svg.call`. Rendering uses SVG elements within a React framework, with masks composed of a full-screen rect and a symbol path.

AI-generated description

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

See also React Starter.