{"version":"1.0","type":"rich","title":"Working with Time Connected dots","description":"This example visualizes temperature readings over a week in San Francisco, plotting a smooth line through connected time-series data points. The chart uses D3 scales (`scaleTime` and `scaleLinear`) to map timestamps and temperatures, while React components render the SVG axes and marks. The `Marks` component builds a natural curve path using `d3.line` with `curveNatural`, which only draws the line without individual numeric labels for each point. Data is loaded asynchronously from a CSV file using D3’s `csv` parser, and the resulting graphic includes labeled axes, a title, and a clean, minimal styling with a teal stroke.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b5c09c1361b44c3f90f2b71befc4f155?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}