Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Area Chart Activity 8-4

Public visualization

Area Chart Activity 8-4

0 stars0🌍 Public
VVinay Vemuri
Last edited Jul 23, 2023
Created on Jul 23, 2023
Forked from Hello VizHub

This area chart visualizes the cost of sales from 2000 to 2013 using D3 v5. The SVG rendering displays a smoothed line over a light-green area, with red tick labels and an orange axis label. The code uses `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, `d3.line`, `d3.area`, and `d3.curveBasis` to generate the chart. Data is loaded from a CSV file via `d3.csv`, with the year parsed as a date and cost as a number.

AI-generated description

example of Area chart

Comments

Sign in to join the discussion.

MIT Licensed