Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Anitha Shivaramaiah (11537410) ICE-7, Area chart

Public visualization

Viewing a saved revision (read-only)

513783d4cb214eefb70e4f5777d8d7f7

Anitha Shivaramaiah (11537410) ICE-7, Area chart

0 stars0🌍 Public
AAnitha Shivaramaiah
Last edited Mar 30, 2023
Created on Mar 30, 2023
Forked from HTML Starter

This area chart displays earnings data from 2012 to 2023, using a pink filled area with a dark blue line to emphasize trends over time. The visualization loads CSV data via `d3.csv`, parses dates with `scaleTime`, and maps costs using `scaleLinear`. It renders axes with `axisLeft` and `axisBottom`, applies `curveBasis` smoothing to both the `line` and `area` generators, and includes gridlines via tick sizing. The SVG output uses custom CSS classes for styling and labeled axes.

AI-generated description

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

See also React Starter.