Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Responsive Axes

Public visualization

Responsive Axes

0 stars0🌍 Public
Rrichad97
Last edited Apr 6, 2020
Created on Apr 1, 2020
Forked from Responsive Axes

A responsive SVG chart demonstrates how D3.js v5 axes and labels adapt to window resizing. The visualization renders a rounded rectangle background with labeled X and Y axes, both using linear scales from 0 to 1. The `d3.axisBottom` and `d3.axisLeft` generators create ticks whose density adjusts based on the available inner width and height, with tick positioning recalculated on every resize event via a window listener, applying the `marginConvention` helper for layout.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed