{"version":"1.0","type":"rich","title":"Fork of D3 Starter","description":"This example demonstrates how to create a geometric pattern using D3 version 7 with SVG masks, combining horizontal and vertical striped rectangles that intersect to form a cross-shaped design. The visualization uses `d3.range` to generate 100 rectangles in each direction, applying two complementary SVG masks with circles to reveal or hide portions of the stripes. Additionally, the page displays a small dataset of names and numbers as text elements positioned along the top of the viewport, using D3's data join pattern with `selectAll` and `join`. The code imports `select` and `range` from the D3 library.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/96a6be9981984d60b495b8c092098bad?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}