{"version":"1.0","type":"rich","title":"Fork of Responsive Axes","description":"This example demonstrates responsive axes that maintain consistent tick mark density as the visualization resizes. A bar chart displays NO2 levels across geographical areas, with tick counts dynamically calculated from the inner width and height divided by a fixed density value. The implementation uses D3.js v7, employing `axisBottom` and `axisLeft` for axis rendering, a `ResizeObserver` to track container dimensions, and `scaleBand`/`scaleLinear` for positional encoding. The axis modules recalculate tick counts on every resize event, ensuring labels remain readable at any screen size.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5ae76414a38f4650a2fe63fbea6dc564?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}