{"version":"1.0","type":"rich","title":"Activity8_Task3","description":"This example visualizes the cost of sales from 2000 to 2013 using a line chart, with the x-axis representing each year and the y-axis showing cost values. The line is rendered as a single SVG path with a lightgreen stroke, and both axis labels are styled in red with a large font. The code loads data from a local CSV file using `d3.csv`, maps the cost values to numbers, and builds the scales with `d3.scaleBand` and `d3.scaleLinear`. The SVG chart is created via `d3.select` and positioned with margins, while axes are added using `d3.axisBottom` and `d3.axisLeft`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/76624ddc961345bf8085d37f3524f6d8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}