Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Responding to Resize

Public visualization

Viewing a saved revision (read-only)

1c6a0199cd244442b8ec6f6b04aad92b

Responding to Resize

0 stars0🌍 Public
Kkalokli8
Last edited Apr 1, 2020
Created on Apr 1, 2020

This example demonstrates how a visualization can respond to browser resizing by recalculating the SVG canvas dimensions to match the enclosing CSS-styled `<div>`. It draws a pair of crossing green lines that form an X across the full width and height of the container. The code uses D3 v5 to select the container, append an SVG element, and bind line data, while the `window.addEventListener("resize", redraw)` API triggers a full redraw on window changes. The chart reads `clientWidth` and `clientHeight` from the `#chart` element to set the SVG’s attributes dynamically.

AI-generated description