{"version":"1.0","type":"rich","title":"D3 Starter","description":"This example introduces D3.js by recreating a Sol LeWitt-inspired generative art piece. It demonstrates foundational SVG concepts and progressive coding techniques, from static shapes to dynamic, programmatic generation. The code uses D3's `select` and `range` functions to efficiently create a grid of horizontal and vertical rectangles, which are then masked by two overlapping circles. The rendering is done via SVG, and the final output is a visual pattern where the intersection of the circular masks creates a striking contrast. The example also includes a vanilla JavaScript version for comparison, highlighting the declarative power of D3's API.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}