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)

bb3c80d596ba41b2aa13b5c0bbd39d44

Open

Area Chart Activity 8

0 stars0🌍 Public
JJayanthKumarkoni
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 a smooth curve to connect annual data points and a light green fill to emphasize the area beneath the line. The example loads data from a CSV file and renders the visualization as an SVG using D3 v5, leveraging `d3.scaleTime`, `d3.scaleLinear`, `d3.axisLeft`, `d3.axisBottom`, `d3.line`, and `d3.area` with a basis curve. Red tick labels and orange axis labels highlight the chart’s styling, while gridlines extend across the plotting 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.