{"version":"1.0","type":"rich","title":"Activity 8_task 4","description":"This area chart visualization displays the cost of sales from 2000 to 2013 using D3.js v5, rendering SVG elements. It employs d3.scaleTime for the x-axis, d3.scaleLinear for the y-axis, and d3.area with d3.curveBasis to create a smooth, filled area beneath a line chart. The data is loaded from a CSV hosted on GitHub, with year values parsed as dates and costs converted to numbers. Axis labels are styled with orange bold text, and gridlines use a light gray color, while the area fill appears light green against a black stroke.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/dfcfb11ff9954c50b6432f614da6e93e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}