{"version":"1.0","type":"rich","title":"Stylised Line Chart with React & D3","description":"This stylized line chart visualizes San Francisco temperature readings over a week, using a natural curve to connect data points and circular markers with hover tooltips. Built with React and D3 v5, it renders as an SVG, mapping timestamps to the x-axis via `d3.scaleLinear` and formatting tick labels with `d3.timeFormat`. The chart leverages `d3.line` with the `curveNatural` option for smooth paths, while custom axis components handle gridlines and labels. Data is loaded asynchronously from a CSV using `d3.csv`. The clean, minimalist design uses the Poppins font and a teal accent color.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f5cb9c465d864d82ac8bf7223846d739?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}