Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Area Chart Activity 8

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

962ce88337c2412f8d9027f769fcb28c

Open

Area Chart Activity 8

0 stars0🌍 Public
Aakshayvenishetty1437
Last edited Jul 20, 2023
Created on Jul 20, 2023
Forked from Hello VizHub

This area chart displays the cost of sales from 2000 to 2013, with a green filled region beneath a black line. The visualization uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisLeft`, `axisBottom`, `line`, `area`, and `curveBasis` to generate the SVG elements. Data is loaded from a remote CSV file, with year values parsed as dates and cost values converted to numbers. The chart includes red tick labels, orange axis labels, and grid lines.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.