{"version":"1.0","type":"rich","title":"Another fork of responsive axes","description":"This example demonstrates responsive chart axes that maintain consistent tick mark density as the visualization resizes. A grey inner rectangle and labeled axes adapt their tick counts based on the available width and height, ensuring readability across different screen dimensions. The code uses `ResizeObserver` to track container size, then dynamically calculates tick numbers from the scale’s range. It leverages D3.js methods like `axisBottom`, `axisLeft`, and `scaleLinear` within a modular structure of separate axis and label components. The visualization also includes full-screen mode for interactive resizing.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f74c345d6aa34a9d9c84262cf0ceebda?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}