Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

line chart

Public visualization

Viewing a saved revision (read-only)

ed31ed0ee2744eb591dc7ff23f0ebabe

line chart

0 stars0🌍 Public
Ssrinathkarumuru@my.unt.edu
Last edited Oct 27, 2025
Created on Oct 27, 2025
Forked from LINE CHART

This line chart visualizes monthly customer spending across twelve months, with values rising from $200 in January to $550 in December. It uses D3.js v7 with an SVG rendering approach, employing `d3.scaleBand` for the monthly x-axis and `d3.scaleLinear` for the spending y-axis. The chart draws a monotone curve line via `d3.line()` with `curveMonotoneX`, marks each data point with circles, and labels the axes "Month" and "Spending ($)" using `d3.axisBottom` and `d3.axisLeft`. The sample dataset is defined explicitly in `index.js` and passed to a global `renderLineChart` function.

AI-generated description