{"version":"1.0","type":"rich","title":"Line Graph React & D3 (codeAlong)","description":"This example shows a line graph of temperature over time for a week in San Francisco, rendered as an SVG in a React component. The visualization uses D3 v6 utilities such as `scaleTime`, `scaleLinear`, `extent`, and `timeFormat` to map data to coordinates and format tick labels, while `d3.line` with `curveNatural` draws a smooth path through the points. Data is loaded asynchronously from a CSV file using `d3.csv`, and the chart includes labeled axes with custom tick components.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/cce7050066fb4d68b04feed390e80715?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}