Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Area Chart Activity_7.1

Public visualization

Viewing a saved revision (read-only)

e8ce1674f5ee48a0b94da6fa952341aa

Area Chart Activity_7.1

0 stars0🌍 Public
Ppuneetputtu@my.unt.edu
Last edited Apr 10, 2025
Created on Apr 10, 2025

This area chart displays cumulative revenue over time for January 2024, with a shaded region and overlaid line tracing the total as transactions accumulate across six product categories. The visualization is built with D3 v7, using the `d3.rollup` API to aggregate sample transaction data by date, then calculating running totals with a JavaScript map. The SVG rendering employs `d3.area` and `d3.line` generators with monotone curve smoothing, while scales handle time on the x-axis and linear revenue values on the y-axis. The title and axis labels are styled via embedded CSS.

AI-generated description