{"version":"1.0","type":"rich","title":"Chapter 3 - D3","description":"A full-screen compositional drawing uses horizontal bands with an SVG mask to reveal a circular window into the stripes. The code generates 100 rectangles via `d3.range` and data joins, then applies a mask defined with a circle element to clip the view. Built with D3 v6 and Vue, the SVG is rendered directly to the browser window, demonstrating simple geometric pattern-making through data-driven shape generation.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7ba0ec6fcb274d8dba93e91097f6b479?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}