Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Area Chart KL

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed