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)

b847744d2c434ae9b0ac69d943068d38

Open

Area Chart Activity 8

0 stars0🌍 Public
HHarshiiiiiiiip
Last edited Jul 5, 2023
Created on Jul 5, 2023
Forked from Hello VizHub

This area chart displays the cost of sales from 2000 to 2013, using a smoothed line and a light green filled region beneath it. The visualization loads D3 v5 and CSV data from a GitHub gist, parsing the year into date objects. It uses d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft, d3.line, d3.area, and d3.curveBasis to render the SVG elements, with red tick labels, orange axis labels, and a thick black stroke for the line.

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.