Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Responding to Resize

Public visualization

Responding to Resize

0 stars0🌍 Public
Wwoznicak
Last edited Aug 8, 2020
Created on Aug 8, 2020

This example demonstrates how a D3.js visualization can adapt to browser resizing by redrawing an SVG scene to match the container’s new dimensions. It shows a green X shape whose endpoints always stretch to the current width and height, using a fixed-positioned `#chart` div whose size is read via `clientWidth` and `clientHeight`. The code appends an SVG element with d3.v5, binds line data, and calls a `redraw()` function on the window’s `resize` event, resetting the SVG attributes and line coordinates each time.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed