Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of React & D3 Starter

Public visualization

Viewing a saved revision (read-only)

752c39276ace456e937b076029d5c44a

Fork of React & D3 Starter

0 stars1🌍 Public
Ppvvaishnavi93@gmail.com
Last edited Mar 27, 2026
Created on Mar 27, 2026
Forked from React & D3 Starter

This pie chart visualizes monthly expenses across five categories: Rent, Food, Travel, Shopping, and Bills. The visualization uses D3 v7 to create an SVG-based donut chart with category labels positioned along the arcs and a legend displaying each category's name and corresponding value. It employs `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with the `schemeCategory10` color palette to compute arc paths, position labels, and assign colors based on data loaded from a CSV file.

AI-generated description