{"version":"1.0","type":"rich","title":"Interactive Scatter Plot and Responsive Axes","description":"This interactive scatter plot visualizes Olympic participation, showing the number of participating countries per year. The visualization uses D3.js scales and axes, with a ResizeObserver to detect container dimensions and update the chart responsively. Axis tick density is calculated based on the inner width and height, ensuring consistent spacing across different screen sizes. The code includes a complete modular approach with separate files for axes, labels, and resize observation, featuring animation on circle hover.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/79c2f4ab4d964ef9bfa9dd31bd2c3ef6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}