🌍 Public
Area Chart Activity 8
This area chart visualizes the cost of sales from 2000 to 2013, with the line and filled area rendered as SVG paths using D3 v5. The code loads data from a remote CSV, parses years as dates, and uses D3’s `scaleTime`, `scaleLinear`, `line`, `area`, and `curveBasis` to create a smooth curve. Axes are generated with `axisBottom` and `axisLeft`, and styled via CSS with colored ticks and labels. The chart is titled and includes rotated axis labels.
AI-generated descriptionAn example showing the capabilities of VizHub:
- Loads D3 via UNPKG.
- Demonstrates use of
importfrom"d3". - Demonstrates use of
importfrom local ES6 modules.
MIT Licensed
Comments
Sign in to join the discussion.