{"version":"1.0","type":"rich","title":"Responsive Axes","description":"This example demonstrates how axes and their tick density respond automatically to the size of the browser window. The chart plots a time series of COVID-19 population data from a CSV file, scaling the x-axis time domain and y-axis linear domain across the full viewport. Written with D3 v5, it uses the `d3.axisBottom` and `d3.axisLeft` APIs to generate ticks, whose spacing adjusts based on the current inner width and height. A `resize` event listener triggers re-rendering, updating the SVG dimensions and axis scales whenever the viewport changes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/45a230e72b8748f39098075b1b7f2d9b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}