Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Responding to Resize

Public visualization

Responding to Resize

0 stars0🌍 Public
Ggsonule
Last edited Sep 14, 2019
Created on Sep 14, 2019

This example demonstrates a simple SVG visualization that dynamically resizes to fill the browser window. It uses CSS to define a full-viewport container and JavaScript to read the container’s client dimensions on every window resize event. The code appends an SVG and redraws two crossing lines to form an X, updating the SVG’s width and height attributes. It relies on D3 v5’s selection and data-join methods (`selectAll`, `enter`, `merge`) to manage the line elements, with no external data source.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed