{"version":"1.0","type":"rich","title":"Area Chart Activity 8","description":"This area chart visualizes the cost of sales from 2000 to 2013, using a smooth curve to show trends over time. Built with React and D3 v5, the SVG renders both a line path and a shaded area beneath it. The code uses `scaleTime`, `scaleLinear`, `line`, `area`, and `curveBasis` to generate the shapes, while `axisBottom` and `axisLeft` add labeled axes. Data comes from a CSV file, parsed with `csv`, and each year is converted to a Date object for temporal scaling.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9c0423bf05984805b7273e08e5509100?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}