🌍 Public
Viewing a saved revision (read-only)
b72fd61907bc4dd991ee05a116af769f
Responding to Resize
This example demonstrates how a visualization can respond to browser window resizing. It draws two green diagonal lines forming an X that always spans the full width and height of the chart container, which fills the entire page via CSS. The code uses `d3.select` to append an SVG element, then extracts the container’s `clientWidth` and `clientHeight` inside a `redraw` function to dynamically set the SVG’s width and height attributes. A `window.addEventListener` for the `resize` event triggers `redraw`, updating the line coordinates using D3’s data join pattern.
AI-generated description