Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of D3 Starter

Public visualization

Viewing a saved revision (read-only)

1a1dbf355e174011a91ad0e59a23e780

Fork of D3 Starter

0 stars1🌍 Public
HHaritscode
Last edited Aug 3, 2023
Created on Aug 3, 2023
Forked from D3 Starter

This example shows a grid of horizontal and vertical stripes across the full viewport, with a circular region at the center appearing brighter against the surrounding dark mask. The code uses D3 v7 selections to append two groups of rectangles, each generated from a `range(100)` data array, and assigns SVG masks to each group. The first mask contains a black rect with a white circle, while the second uses inverse colors, creating the overlapping visual effect.

AI-generated description

A demonstration of how to start using D3 version 6.