{"version":"1.0","type":"rich","title":"Grouping Rect by <g>","description":"A single-page web drawing reproduces a Sol LeWitt piece by layering two sets of parallel lines: horizontal stripes on even rows and vertical stripes on uneven columns. It uses D3.js functions `select`, `range`, and the `.join` method to append 100 `<rect>` elements to each of two `<g>` groups. Two SVG masks, each containing a circle with a contrasting fill, selectively reveal the stripes in a circular window at the center, while the surrounding area remains hidden. The entire canvas adapts to the browser's inner width and height.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a06dc4cd70964ceb921a142f73e3c1a2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}