Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

First D3 Viz

Public visualization

Viewing a saved revision (read-only)

8d353e26769e428eba53b40caf6b10c9

First D3 Viz

0 stars0🌍 Public
Vvmistry94@gmail.com
Last edited May 10, 2024
Created on May 9, 2024
Forked from HTML Starter

This example creates a full-screen SVG pattern of intersecting horizontal and vertical bars, separated into two masked groups. D3’s `select` and `range` generate 100 rectangles per axis, while `symbol` and `symbols[7]` draw the star-shaped mask, and a circle forms the second mask. The masks reveal or hide parts of the grid, producing a geometric composition against a black-and-white backdrop. The visualization runs in a React framework using raw JavaScript and D3 v7, with no external data source.

AI-generated description

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

See also React Starter.