{"version":"1.0","type":"rich","title":"Responding to Resize","description":"This example demonstrates how a D3.js visualization can automatically adapt to its container size. A green X-shaped set of lines is drawn inside an SVG, and the entire graphic redraws whenever the browser window is resized. The code uses a fixed-position `#chart` div that fills the page, with `clientWidth` and `clientHeight` extracting the computed dimensions. Those values then set the SVG’s `width` and `height` attributes, and the lines are repositioned via a `redraw` function wired to the window’s `resize` event. The rendering uses SVG elements and D3’s data join pattern.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f3b01292d613451c9f5be5b171c36111?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}