This example generates a grid of thin horizontal and vertical rectangles across the full screen, with each rectangle masked by one of two overlapping masks. The first mask uses white space around a black D3 symbol, while the second inverts that relationship, creating a woven intersection of shapes across the canvas. The code constructs the SVG using D3 selections, `range`, `join`, and the `symbol` API, with each mask defined by an SVG `mask` element. A React wrapper manages the page, and the visualization draws directly into the window-sized viewport.