🌍 Public
Viewing a saved revision (read-only)
ebe777fb3cd644728588914a953a4581
Responsive Axes
This example demonstrates a reusable chart component that adapts to the full browser viewport, redrawing itself on window resize. It applies the D3.js margin convention to separate the plotting area from axis labels, using `d3.scaleLinear` and `d3.axisLeft`/`d3.axisBottom` to render axes. A rounded rectangle fills the inner chart space, while an event listener triggers the render function to recompute dimensions on every resize.
AI-generated descriptionJumping off point for creating your own responsive visualizations with margins.
Contains a reusable implementation of the D3.js Margin Convention.