{"version":"1.0","type":"rich","title":"Fork of Responsive Axes","description":"This example demonstrates responsive chart axes that maintain consistent tick mark density as the visualization resizes. The axes automatically recalculate their tick counts based on the current plot dimensions, ensuring readability in both small and fullscreen views. Built with D3.js, the implementation uses a `ResizeObserver` to detect container size changes, then applies `scaleLinear`, `axisBottom`, and `axisLeft` to regenerate the axes dynamically. A gray inner rectangle marks the plotting area, with axis labels positioned using SVG transforms.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3fe06e1e85734144b8ba6da1b52ba8a1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}