Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

React CSS Colors Pie Chart

Public visualization

Viewing a saved revision (read-only)

6860d897b74247feb0e431e63b411f55

React CSS Colors Pie Chart

0 stars0🌍 Public
JjohnmurphyLC
Last edited May 28, 2023
Created on May 28, 2023

A React and D3 pie chart displays every named CSS color as an equal-width slice, filled with its corresponding RGB hex value from a remote CSV. The `App` component loads the data via `d3.csv` and uses the `useEffect` hook. It computes the pie layout with `d3.pie` and renders each slice as an SVG `path` using `d3.arc`, all within a single SVG element.

AI-generated description

A program that loads in some data using D3 utilities, and uses React & D3 render the data as a radial burst.