Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

area chart

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

71b7e86fd98b45b3b155e79f84d87b69

Open

area chart

0 stars17🌍 Public
Vvishnupriya eupuri
Last edited Mar 28, 2024
Created on Mar 27, 2024
Forked from area chart

This area chart displays yearly values loaded from a remote CSV file, using a steelblue filled path to visualize trends over time. Built with D3 v7, the code uses `d3.csv` to fetch data, `d3.scaleLinear` for both axes, `d3.area` to generate the area path, and `d3.axisBottom`/`d3.axisLeft` for the labeled axes. The SVG output includes custom margins, axis titles, and tick formatting.

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.