Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Area Chart ICE 7

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

c709185657044c49bb66488e0e6efd6a

Open

Area Chart ICE 7

0 stars0🌍 Public
SSaahithi49
Last edited Jul 3, 2022
Created on Jul 2, 2022
Forked from Hello VizHub

This example renders an area chart of exchange rates over the last week using D3 v5. The code loads CSV data via `d3.csv`, parses dates and numeric values, then uses `scaleTime` and `scaleLinear` to map data to SVG coordinates. It draws the area with `d3.area` and `curveBasis`, and adds labeled axes via `axisBottom` and `axisLeft`. Data is fetched from a GitHub gist, and the chart is displayed within a 960×500 SVG.

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.