Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Rendering data using react and D3

Public visualization

Viewing a saved revision (read-only)

a6b9293c55cc4a8d8c46e3504c69b676

Fork of Rendering data using react and D3

0 stars1🌍 Public
LLainu Kuruvilla
Last edited Jan 12, 2022
Created on Jan 12, 2022

A colorful pie chart displays CSS named colors as equal-sized slices, with each slice filled using its corresponding RGB hex value from a CSV dataset. The visualization uses React hooks like `useState` and `useEffect` to fetch and manage the data, while D3’s `pie()` and `arc()` functions compute the angular and radial geometry for the SVG paths. The chart is rendered as an SVG element with a centered group transformation, and the color mapping directly applies each data entry’s RGB value to its slice fill.

AI-generated description

Rendering data using react and D3