Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

area chart

Public visualization

Viewing a saved revision (read-only)

aa33f992e0694892bc501702e2d83b6e

area chart

0 stars0🌍 Public
Aamulyabhagwat1999@gmail.com
Last edited Jul 11, 2024
Created on Jul 11, 2024
Forked from Hello VizHub

This example shows a stacked area chart of population trends over time for multiple groups, with a legend identifying each series. It loads CSV data from a GitHub gist, using `d3.csv`, and renders the chart as SVG. The code uses `d3.stack` to compute layered series, `d3.area` with `y0` and `y1` accessors to generate paths, and `d3.scaleOrdinal` with `d3.schemeSet2` for colors. Axes are drawn with `d3.axisBottom` and `d3.axisLeft`, with data-driven tick formatting via `d3.format`.

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.