Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

d3 tutorial code camp

Public visualization

Viewing a saved revision (read-only)

88092a9660104793bbad0887c6d22c07

d3 tutorial code camp

0 stars0🌍 Public
Aaissatheprogrammer
Last edited Nov 26, 2022
Created on Nov 22, 2022
Forked from HTML Starter

This example generates a pattern of horizontal and vertical bars overlaid with two circular masks, revealing a cross-hatched grid within a circular window. The visualization uses D3 v6 to create SVG rectangles and mask elements, with `select` and `range` from the d3 library. Data is generated programmatically with a loop for horizontal bars and `range` for vertical bars, while masks combine white and black shapes to control visibility. The result demonstrates how SVG masks can create layered geometric compositions.

AI-generated description

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

See also React Starter.