Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Loading Data with React & D3

Public visualization

Viewing a saved revision (read-only)

c67ed75cfd204b6599d962578b981a0e

Fork of Loading Data with React & D3

0 stars1🌍 Public
Zzyniax
Last edited Apr 7, 2021
Created on Apr 7, 2021

A donut chart displays all CSS named colors as equal-width slices, colored by each color’s RGB hex value from a CSV dataset. The code uses React hooks (`useState`, `useEffect`) to fetch the data with `d3.csv`, then maps each row to an SVG `<path>` generated by `d3.arc`. The chart’s slices are arranged by row order, with a loading message shown before data arrives.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React state to keep track of the data.