{"version":"1.0","type":"rich","title":"Responding to Resize","description":"This visualization demonstrates how an SVG chart can automatically resize to fill its browser window. It shows two semi-transparent green lines forming an X, which dynamically adjust their positions and lengths based on the current viewport dimensions. The implementation uses d3.select to create the SVG element, then a custom redraw function extracts the container’s clientWidth and clientHeight to update the SVG attributes. A window resize event listener triggers the redraw, while the dataset provides the line endpoints. The chart’s container is styled with CSS positioned fixed to span the entire page.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c58ef76002904f32acbecc42068ed7e8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}