Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

d3d3d3

Public visualization

Viewing a saved revision (read-only)

f39d0b596ace43c7a6c0bb030a1b76cb

d3d3d3

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

This example shows a full-screen pattern of intersecting horizontal and vertical bars, each rendered as a set of thin SVG rectangles. The bars are generated using `d3.range` and joined to `rect` elements, but only the central circular area is visible due to two SVG masks. The first mask reveals the horizontal bars through a white circle on a black background, while the second mask hides the vertical bars in the same region using a black circle on white. The result is a cross-hatched grid with a circular cutout, built with React and D3 v7.

AI-generated description

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

See also React Starter.