🌍 Public
Viewing a saved revision (read-only)
2a9e8b5ba3bd4cc4a0ac77dda88371f9
Episode 4 _ 2 - no duplicated logic
A grid of ninety-nine thin horizontal and vertical rectangles, clipped by two mask shapes, creates an overlapping lattice pattern. The visualization uses D3 v6 selections and data joins to append SVG rectangles and paths. A reusable `renderMask` function builds two masks, each containing a centered symbol from `d3.symbol` and `d3.range`. One mask inverts its fill to reveal the vertical bars, while the other hides them, producing alternating visible segments across the full browser viewport. The SVG renders at high resolution with rectangle thickness and spacing determined by array indices.
AI-generated descriptionCoding along Episode 4 with no duplicated logic