{"version":"1.0","type":"rich","title":"Responsive Axes","description":"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.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/77e97c218a6640ef8fb1274f2479d0dd?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}