{"version":"1.0","type":"rich","title":"Responsive Axes","description":"This example demonstrates a visualization container with responsive axes that maintain consistent tick mark density as the chart resizes. The code uses a ResizeObserver to track container dimensions and updates a D3 v7 scatterplot-like visualization with a gray inner rectangle. Both the x and y axes compute their tick counts dynamically based on the available inner width and height, dividing by a fixed density value of 50 pixels per tick. This approach ensures the axis labels remain evenly spaced whether the viewport is large or small.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8a596d3b83374cceaa320d0e00127d98?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}