{"version":"1.0","type":"rich","title":"Responding to Resize","description":"This example demonstrates how to keep a D3.js visualization responsive to browser window resizing. It shows a green X spanning an SVG element that always fills the viewport, with the chart’s dimensions extracted from the CSS-styled container using `clientWidth` and `clientHeight`. A `resize` event listener triggers the `redraw` function, which updates the SVG’s `width` and `height` attributes and repositions the two lines via data joins. The code uses D3 v5 and relies on SVG for rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/67f9013b7a5548ef82de7111f0e8e5c0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}