Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of ICE-7 Area Chart

Public visualization

Viewing a saved revision (read-only)

824a59f5581a4fa3a42adcdb449b37ca

Fork of ICE-7 Area Chart

0 stars0🌍 Public
Ppemmasaniprudhvinadh
Last edited Apr 10, 2023
Created on Apr 10, 2023
Forked from ICE-7 Area Chart

This example shows the cost of sales from 2000 to 2013 using a smooth area chart rendered with SVG. The code uses D3 v5 functions including `scaleTime`, `scaleLinear`, `line`, `area`, and `curveBasis` to draw a yellow-filled area with a thick black stroke, overlaid on a grid with labeled axes. Data is loaded from a CSV via `csv` and parsed into dates and numbers. The chart is built in a React-compatible structure, with margins and axis labels positioned manually.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.