Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Pie Chart

Public visualization

Viewing a saved revision (read-only)

2035ebe697614d0aa59fe8a64415440c

Pie Chart

0 stars1🌍 Public
0007ebey
Last edited Dec 9, 2020
Created on Aug 5, 2020

This interactive pie chart displays fruit counts across five regions—East, West, North, South, and Central—loaded from a TSV file. Built with React and D3 v5, it uses `d3.pie`, `d3.arc`, and `d3.nest` to aggregate data, with SVG paths and labels animated via `transition.attrTween`. A radio-button option component, rendered with D3 selections, lets viewers switch between fruit categories, redrawing the chart with a Tableau10 color scale.

AI-generated description

Chart with animation and labels, written to look like react js