{"version":"1.0","type":"rich","title":"Responding to Resize","description":"This example demonstrates how a D3.js visualization can automatically adapt to browser resizing. It renders a full-screen green X composed of two intersecting lines, with the SVG dimensions recalculated on every window resize event. The code uses the `d3.select` API to manage the SVG element and data-joins with `merge()` to update line coordinates. The chart container fills the viewport via CSS positioning, and the `clientWidth` and `clientHeight` properties supply the current size to the `redraw` function, which is called initially and again on each resize event.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/66d699e89c214d8c9996d476dd7f32eb?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}