Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bary Bar Bar React & D3

Public visualization

Bary Bar Bar React & D3

0 stars0🌍 Public
UUlbert Alain Odle
Last edited Oct 10, 2021
Created on Oct 10, 2021

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 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.

Comments

Sign in to join the discussion.

MIT Licensed