Skip to main content
100%

Fork of ICE7 PIE chart for vini

✓ Published1🌍 Public
VVineela Reddy
Last edited Mar 30, 2023
Created on Mar 30, 2023

This pie chart visualizes hourly salary data for employees, displaying each pay rate as a colored slice with the dollar amount labeled at its centroid. The chart renders through D3 v5’s `pie` and `arc` generators on an SVG canvas, with a legend listing employee hours alongside their corresponding pay values. Data is loaded asynchronously from a CSV file using `d3.csv`, with colors assigned via `scaleOrdinal`. The code also uses `arcGenerator.centroid` for label placement and `format` for concise numeric tick formatting, all within a React-compatible structure that directly manipulates the D3 selection API.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes