Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE 7 Pie Chart

Public visualization

Viewing a saved revision (read-only)

212aff85e3834431b1caf0d3c0f6bb8e

ICE 7 Pie Chart

0 stars5🌍 Public
Llibramanju
Last edited Mar 25, 2023
Created on Mar 25, 2023
Forked from Pie Chart

This example visualizes top product sales as an interactive pie chart, with a legend displaying each product name and its corresponding unit count. The chart renders using D3 v5 within a React framework, leveraging `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with `schemeCategory10` for color encoding. Data is loaded from an external CSV file via `d3.csv`, sorted by sales value, and the top 10 items are selected for display. The SVG-based visualization includes hover logging of sales values, with legends positioned alongside the chart.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.