Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Area Chart KL

Public visualization

Viewing a saved revision (read-only)

8e2649f9b9b84bf5a44e2243d15fa787

Area Chart KL

0 stars0🌍 Public
DDeeraj Thakkilapati
Last edited Jul 10, 2024
Created on Jul 10, 2024
Forked from scatter_KL

This example visualizes monthly sales distribution for a retail store using an area chart. The SVG chart displays a steel-blue filled area representing sales values across months, with rotated month labels on the x-axis and a linear sales scale on the y-axis. The code loads CSV data from a GitHub gist using d3.csv, parses month strings with d3.timeParse, and constructs the area shape with d3.area. Axes are generated using d3.axisBottom and d3.axisLeft, while axis labels are added as SVG text elements.

AI-generated description