{"version":"1.0","type":"rich","title":"Timeseries Plot","description":"This example visualizes a week of San Francisco temperature data as a scatterplot, with time on the x-axis and temperature on the y-axis. Each data point is rendered as a circle, and hovering over a circle displays a tooltip with the corresponding day of the week. The code uses `scaleTime` and `scaleLinear` from D3 v5 to map data to pixel coordinates, while React handles the SVG rendering. The data is loaded as CSV via `d3.csv` and transformed with date parsing and numeric conversion. Axis components are custom-built using React, and the overall layout leverages D3’s `extent` and `nice` functions for domain adjustments.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/39b1a6fe80274177b0cdb2baca6cdfe7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}