Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of so lewit reproduction D3.js fundamental

Public visualization

Viewing a saved revision (read-only)

b2e6005ddecf40e39e2fe8aa9f301840

Fork of so lewit reproduction D3.js fundamental

0 stars0🌍 Public
Yyoav95
Last edited Oct 7, 2023
Created on Oct 7, 2023

This example manipulates SVG masks to create a dynamic visual composition of overlapping horizontal and vertical stripes. The main view is a grid of 100 rectangles that cycle through a circular mask, revealing a sunburst-like pattern from the center. A second set of rectangles uses an inverted mask to create a contrasting cross-hatch effect. The code uses the D3.js library (v7) to construct the SVG elements and apply the masking logic via the `append` and `attr` methods.

AI-generated description

Sunrise/sunset.