Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Assignment 2 - Area Chart

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

8fdf4284892f4d148fa8ced5d1582edf

Open

Assignment 2 - Area Chart

0 stars1🌍 Public
Ddandudivya98@gmail.com
Last edited Apr 13, 2024
Created on Apr 13, 2024
Forked from Hello VizHub

The chart displays household monthly expenses as a blue area chart with a line overlay, showing spending trends across months on a time-series axis. It uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, `line`, `area`, and `curveBasis` to generate the smoothed curve and filled region. The SVG rendering includes styled gridlines, axis labels, and a title, with data loaded from a remote CSV file containing date and spending values.

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.