{"version":"1.0","type":"rich","title":"Responding to Resize","description":"This example demonstrates how a D3.js visualization can adapt to browser window resizing. It fills the entire viewport with an SVG element and redraws a pair of intersecting green lines to form an X, ensuring the graphic always spans the current width and height. The code uses a `redraw()` function that reads the container’s `clientWidth` and `clientHeight` to set the SVG’s dimensions, then updates the line coordinates. A global `window.addEventListener(\"resize\", redraw)` triggers the redraw, while CSS positioning with `position: fixed` keeps the chart container flush with the page edges.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/caa18f3c41294c39bf2cd3b36811ac4f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}