Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Responding to Resize

Public visualization

Viewing a saved revision (read-only)

c30551499c54425d9223125cb59b50f5

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