Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-7 Area Chart

Public visualization

Viewing a saved revision (read-only)

a1ea2da8de5442b9997f56b9c8d260b2

ICE-7 Area Chart

0 stars0🌍 Public
DDineshK2602
Last edited Mar 28, 2023
Created on Mar 28, 2023
Forked from ICE-7 Area Chart

This area chart displays the cost of sales from 2000 to 2013, using a smooth basis curve for both the line and the filled area beneath it. The visualization loads a CSV dataset via `d3.csv`, parses the year and cost fields, and renders an SVG with `d3.scaleTime`, `d3.scaleLinear`, `d3.axisLeft`, and `d3.axisBottom`. The chart includes customized axis labels and gridlines, with the area filled in yellow and the line drawn in black. The code is built with React and D3 v5.

AI-generated description

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

See also React Starter.