Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Rendering Data with React & D3

Public visualization

Viewing a saved revision (read-only)

9a234b04a418465d93d87f4049304285

Fork of Rendering Data with React & D3

0 stars1🌍 Public
Hhamzavg
Last edited Jun 6, 2022
Created on Jun 6, 2022

This visualization displays all CSS named colors as equal-sized slices of a circular pie chart, using each color’s RGB hex value to fill its corresponding arc. The chart fills the entire frame because the pie radius is set to the SVG width. The example loads its data from a remote CSV file using D3’s `csv` utility, then uses React’s `useState` and `useEffect` to fetch and store that data. Rendering combines React components with D3’s `pie` and `arc` functions to generate SVG path elements.

AI-generated description

A program that loads in some [data about CSS named colors] (https://gist.github.com/curran/b236990081a24761f700567094914e0) using D3 utilities, and uses React state to keep track of the data.