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)

5f2bb2d8b5644e568e8c10ff5f9539af

Fork of Rendering Data with React & D3

0 stars0🌍 Public
Kkoech1
Last edited Dec 26, 2023
Created on Dec 26, 2023

This visualization shows all CSS named colors as a radial burst using React and D3. It loads color data from a CSV file via D3’s `csv` utility, then renders each color as an SVG path. The code uses React hooks (`useState`, `useEffect`) for data loading, and the D3 `pie` and `arc` generators to compute the angular layout and path shapes. Each slice is filled with its corresponding hex value from the dataset, creating a full circular spectrum.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data as a radial burst!