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)

70557b81f9464e85b63ab9599d693565

Open

Area Chart Activity 8

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

This area chart visualizes the cost of sales from 2000 to 2013, using a smooth curve to connect data points over time. The chart employs D3 v5’s `scaleTime`, `scaleLinear`, `line`, and `area` generators with `curveBasis` to create a filled gradient beneath the line. Data is loaded from a CSV via `d3.csv` and parsed with `new Date()`, with axes rendered using `axisBottom` and `axisLeft` in an SVG. The styling includes colored tick labels, an orange axis label, and a light green fill for the area.

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.