Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Responding to Resize

Public visualization

Viewing a saved revision (read-only)

4decf0529d2d418291cca415d651c806

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