{"version":"1.0","type":"rich","title":"Responding to Resize","description":"This example demonstrates how a visualization can automatically respond to changes in the browser window size. A green X-shaped pair of lines is always drawn to fill the entire viewport, with the SVG’s width and height updated dynamically on every resize event. The code reads the `clientWidth` and `clientHeight` of a fixed-position container div, then uses those values to set the SVG attributes and redraw the lines via a custom `redraw` function. It uses D3 v5 for SVG selection, data binding, and element merging.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d3ba0915af134cca8d3a3314a6de3c75?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}