{"version":"1.0","type":"rich","title":"Responding to Resize","description":"This example demonstrates how an SVG visualization can respond to browser resizing by recalculating its dimensions. A chart container fills the entire page using CSS, and a redraw function extracts the container’s clientWidth and clientHeight to update the SVG’s width and height attributes. Two semi-transparent green lines form an X across the viewport, with coordinates recomputed on each resize. The code uses D3 v5 with `selectAll` and data joins to merge entering and existing line elements, and listens for `window` resize events to trigger the redraw.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5bb6de3d6b9e44c291d42ca2966c1219?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}