{"version":"1.0","type":"rich","title":"scatter -> line plot","description":"This example shows how a scatter plot of temperature over time transforms into a line plot by connecting the data points with a smooth path. The visualization uses React to render SVG elements, with d3.scaleTime and d3.scaleLinear for scaling, and d3.line with curveNatural for the connecting curve. Data comes from a CSV file of weekly San Francisco temperatures, loaded via d3.csv. Hovering over each circle reveals a tooltip showing the day of the week.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/44fc862859364b9e9329a2901d6e0dab?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}