{"version":"1.0","type":"rich","title":"Fork of Responding to Resize","description":"This example demonstrates how an SVG visualization can automatically resize to fill its container. It renders two green, semi-transparent lines forming an X that spans the full width and height of the available space. The code uses d3.v5 to select the chart div and append an SVG element, then a `redraw()` function extracts `clientWidth` and `clientHeight` from the container to update the SVG’s dimensions and line coordinates. A window `resize` event listener triggers this function, ensuring the visualization always matches the browser’s viewport size.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/271f498dd5c046c9b4edb5e73c1ebfa4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}