Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of D3 beginning

Public visualization

Viewing a saved revision (read-only)

51c3d2b0a4da4e5b969fcb3de6a7506d

Fork of D3 beginning

0 stars0🌍 Public
AAleOG
Last edited Apr 25, 2023
Created on Apr 25, 2023
Forked from D3 beginning

This example displays an abstract geometric pattern of thin horizontal and vertical lines across the full browser viewport. The lines are selectively revealed or hidden through two SVG masks, each populated with D3 symbols (such as circles and crosses) arranged in a row. Using D3’s selection join, the code creates 100 rectangles per axis and applies the masks via `svg.call`. The rendering is done entirely with SVG elements in React, leveraging d3’s `symbol` and `range` APIs.

AI-generated description

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

See also React Starter.