This example creates a full-screen SVG pattern of 100 horizontal and 100 vertical rectangular stripes, each masked by a distinct shape set. Using D3 v7 in a React environment, the code appends elements via `select`, `range`, and `join`. The `renderMask` function defines two SVG masks: one with a white background and black symbol paths, the other inverted. The symbols are generated using `d3.symbol` and `d3.symbols`, positioned across the width, resulting in the stripe layers revealing or hiding different symbol patterns.