{"version":"1.0","type":"rich","title":"Responsive Viz Container","description":"This example demonstrates a responsive visualization container that adapts to its parent element’s size using ResizeObserver. The code creates an SVG rectangle that fills the available width and height, with margins and an inner gray fill. It uses d3.select for DOM manipulation and the viz function to render the rectangle based on the observed dimensions. The container re-renders whenever its size changes, ensuring the visualization stays aligned with its layout.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b5eec154104a4fecbc23083f30d6b6a0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}