Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Responding to Resize

Public visualization

Responding to Resize

0 stars0🌍 Public
KKanishka33
Last edited Jun 3, 2020
Created on Jun 3, 2020

This example demonstrates how a D3.js visualization can adapt to browser window resizing. It fills the entire viewport with an SVG element and redraws a pair of intersecting green lines to form an X, ensuring the graphic always spans the current width and height. The code uses a `redraw()` function that reads the container’s `clientWidth` and `clientHeight` to set the SVG’s dimensions, then updates the line coordinates. A global `window.addEventListener("resize", redraw)` triggers the redraw, while CSS positioning with `position: fixed` keeps the chart container flush with the page edges.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed