{"version":"1.0","type":"rich","title":"Responsive Axes","description":"This example demonstrates axes that dynamically update their tick spacing and labels when the browser window is resized. A linear scale maps a domain of zero to ten trillion to the width of the plot area, while a second scale maps zero to one to the height. The visualization uses `d3.axisBottom` and `d3.axisLeft` to generate the ticks, and through a custom `render` function triggered by a `resize` event listener, the SVG and its axes adjust continuously to the new dimensions. The rendering uses `d3.select`, `marginConvention`, and labeled axis modules to manage layout and styling.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4a6db082152a4811a38c2d7abbde54c6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}