{"version":"1.0","type":"rich","title":"Responding to Resize","description":"This example demonstrates a D3.js visualization that fills the entire browser window and dynamically adapts to resizing. An SVG element is resized to match the CSS-computed client dimensions of its container, while two thick, semi-transparent green lines are redrawn to form an X spanning the full width and height. The code uses D3’s selection API (`d3.select`, `.append`, `.merge`) to manage the lines, and relies on the `clientWidth` and `clientHeight` properties plus a window `resize` event listener to trigger redrawing.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/51b7e7006cbc4ae887b466a5c483f98c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}