Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Responding to Resize

Public visualization

Viewing a saved revision (read-only)

a6f3a414f40c4be5ba5c261037575933

Responding to Resize

0 stars0🌍 Public
Mminimartzz
Last edited Oct 31, 2019
Created on Oct 31, 2019

This example demonstrates how a D3.js visualization can respond to browser resizing by drawing a large green X that spans the full width and height of the viewport. The chart container fills the page using CSS, and the `redraw` function reads the container’s `clientWidth` and `clientHeight` to set the SVG’s dimensions. Two `<line>` elements are bound to data and updated on each resize event via `window.addEventListener("resize", redraw)`. The code uses D3 v5 with SVG rendering, showing a minimal pattern for dynamic sizing.

AI-generated description