{"version":"1.0","type":"rich","title":"Responsive Starter Code","description":"This example demonstrates a minimal responsive visualization template. It shows a single rounded rectangle that always fills the browser window, with its dimensions recalculated on every resize event. The code defines a reusable `myResponsiveComponent` function that takes a container and size properties, then creates or updates an SVG element and its `rect` child using D3 v5’s data-join pattern (`selectAll().data([null])`). It uses `document.body.clientWidth` and `clientHeight` as the size source, and re-renders by attaching a `resize` event listener to the window.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/065c2eb1278d4b72a8e92a5bc35b6650?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}