🌍 Public
Bary Bar Bar React & D3
A donut chart displays all 148 CSS named colors as equal-sized slices, with each slice filled by its corresponding hex value. React manages the asynchronous loading of the CSV data via the `useState` and `useEffect` hooks, while D3's `csv`, `pie`, and `arc` utilities transform the dataset into SVG `path` elements rendered inside a React component. The visualization highlights the full spectrum of named colors in a single circular layout.
AI-generated descriptionA program that loads in some data about CSS named colors using D3 utilities, and uses React state to keep track of the data.
MIT Licensed
Comments
Sign in to join the discussion.