{"version":"1.0","type":"rich","title":"Responding to Resize","description":"This example demonstrates how a visualization can respond to browser window resizing. It draws two green diagonal lines forming an X that always spans the full width and height of the chart container, which fills the entire page via CSS. The code uses `d3.select` to append an SVG element, then extracts the container’s `clientWidth` and `clientHeight` inside a `redraw` function to dynamically set the SVG’s width and height attributes. A `window.addEventListener` for the `resize` event triggers `redraw`, updating the line coordinates using D3’s data join pattern.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/cd93d58ca19045b6897930bb67a53b8e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}