Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 first steps

Public visualization

Viewing a saved revision (read-only)

93e1abb5af81475aa98197f8dc13698f

D3 first steps

0 stars1🌍 Public
Ccyriltoneatto965
Last edited Nov 16, 2023
Created on Nov 16, 2023
Forked from SVG Fundamentals

This example generates a full-screen grid of 100 vertical and horizontal bars using D3 selections and joins, then applies two circular SVG masks to create a striking cross-hatch pattern. Built with a React-wrapped D3 v6 setup, the code uses `select`, `range`, and `join` to bind data to rectangles, while the masks—one with a white circle on black, the other inverted—reveal and hide intersecting lines around a central focal point.

AI-generated description

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

See also React Starter.