Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Starting with D3

Public visualization

Starting with D3

0 stars1🌍 Public
Pphilmae
Last edited Jan 2, 2023
Created on Jan 2, 2023
Forked from HTML Starter

This example creates a full-screen SVG pattern of horizontal and vertical stripes using D3’s `select`, `range`, and `join` methods. Two sets of 100 rectangles are generated, each masked to reveal or hide a circular region at the center. The code uses SVG `mask` elements with black-and-white circles to produce a cross-shaped visual intersection. The data is synthetic, generated via `range(n)`, and rendered entirely with D3 v6 and SVG attributes.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed