Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of d3-get-it-right-04

Public visualization

Viewing a saved revision (read-only)

bc63af01f1514e6d958475626b1c6c38

Fork of d3-get-it-right-04

0 stars0🌍 Public
Tthymdi
Last edited May 21, 2023
Created on May 21, 2023
Forked from d3-get-it-right-04

This example creates an abstract pattern of horizontal and vertical bars layered over each other. It uses the D3.js library’s `select`, `range`, and `join` API to generate 100 rectangles in each direction across the full canvas. Two SVG masks with circular cutouts reveal and hide portions of the bar grids, producing a dynamic interplay of light and dark stripes. The visualization is rendered in a React environment and uses an SVG viewport that fills the browser window.

AI-generated description

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

See also React Starter.