{"version":"1.0","type":"rich","title":"Responding to Resize","description":"This example demonstrates how a D3.js v5 visualization can dynamically respond to browser resizing. The chart container fills the page via CSS, and a `redraw` function extracts the current `clientWidth` and `clientHeight` to set the SVG element’s dimensions. It then draws a large green X using two SVG `line` elements whose endpoints are computed from those dimensions. A `window` `resize` event listener triggers `redraw`, ensuring the X always spans the full viewport. The rendering uses pure SVG with D3’s data join pattern.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/322e6a3fbaf0452a801a84c4cbca5a37?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}