Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ProductSales_PieChart

Public visualization

Viewing a saved revision (read-only)

f43611efd008460fbf24b9fcd9b4b1cb

ProductSales_PieChart

0 stars1🌍 Public
AALIMINETI SPOORTHY REDDY
Last edited Oct 24, 2025
Created on Oct 24, 2025
Forked from Clickable Circles

A pie chart visualizes the distribution of sales across six product categories, displaying each product's name and percentage inside its slice. Built with D3.js v7, the visualization uses `d3.pie` to compute arc segments and `d3.arc` for rendering paths, with an ordinal color scale assigning distinct hues. Sales data from a CSV file is loaded via `d3.csv`, and a legend on the right lists each product with its corresponding color and total sales value. The chart includes white stroke separators and labels positioned using arc centroids.

AI-generated description