{"version":"1.0","type":"rich","title":"Responsive Starter Code","description":"This responsive starter code demonstrates how to build a D3 visualization that adapts to the browser window’s dimensions. It renders a full-screen SVG containing a single rounded rectangle that resizes along with the viewport. The example uses D3 v5 with a reusable component function, `myResponsiveComponent`, which receives width and height from `document.body.clientWidth` and `document.body.clientHeight`. A resize event listener triggers the `render` function, updating the SVG and rectangle attributes via D3’s data-join and merge pattern, ensuring smooth, unobtrusive resizing without redeclaring elements.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5ee22df89d7d4d7385e1da8efbf56060?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}