{"version":"1.0","type":"rich","title":"Responsive Starter Code","description":"This example demonstrates a minimal responsive SVG setup using D3 v5. The code creates a single filled rectangle that always fills the browser viewport by reading `document.body.clientWidth` and `document.body.clientHeight`. A custom `myResponsiveComponent` function binds data to an SVG element and appends a rounded rectangle, updating its `width` and `height` attributes on every window resize event. The D3 selection pattern with `.enter().append().merge()` ensures the existing elements are updated efficiently.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c8f9ae6bbed245b09596e182533e43f2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}