This example displays an interactive grid of horizontal and vertical stripes that intersect to create a dynamic pattern. The visualization uses D3.js to generate 100 rectangles along both the x and y axes on an SVG canvas, with each line masked by custom patterns containing all D3 symbols. Two masks are created—one inverted and one not—to alternate which lines remain visible as the symbols overlap. The code leverages `d3.range`, `d3.symbols`, and `d3.symbol` to populate the mask shapes, with each symbol scaled to 8000 units for visibility. The result is a geometric composition where the stripe intersections reveal distinct symbol shapes across the full viewport.