Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Area-Chart

Public visualization

Area-Chart

0 stars0🌍 Public
Cchandanamahesh0215@gmail.com
Last edited Oct 27, 2025
Created on Oct 27, 2025
Forked from Spotify_LineChart

This area chart displays weekly Spotify listening totals from a CSV dataset, using a gradient-filled region beneath a smooth line to emphasize volume trends over time. Built with D3 v7, it employs `scaleLinear`, `axisBottom`, `axisLeft`, `d3Area` with `curveMonotoneX`, and a linear gradient for the fill. Axes are labeled, and the SVG rendering includes a title and tooltip-free interactive hover effects. The chart’s reusable `areaChart()` function supports configurable margins, labels, and data accessors, with data loaded via `d3.csv`.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed