{"version":"1.0","type":"rich","title":"sleep data","description":"This visualization displays monthly Canadian economic data as a scatterplot, plotting implicit price index values over time from 1961 onward. Each circle represents a data point, with values derived from Statistics Canada’s CSV file, parsed to extract the year and numeric value. The React app uses D3’s `scaleLinear` and `extent` to map axes, while `csv` loads the dataset. Axes are rendered using `axisLeft` and `axisBottom` within a decoupled React-D3 architecture, where a wrapper component handles SVG rendering and the main `viz` function handles circles and scales.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e75034e51e6844aebe957cb861fcc0a6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}