Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 8_task 4

Public visualization

Viewing a saved revision (read-only)

e97e7e2a7d06431387ef5210f48e8756

Activity 8_task 4

0 stars0🌍 Public
Mmandadi1999
Last edited Jul 17, 2023
Created on Jul 17, 2023

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.

AI-generated description

example of Area chart