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)

a0688bcc991d42e5b8a2c7064a8a9ec8

Fork of Rendering Data with React & D3

0 stars0🌍 Public
GGeekboxer
Last edited Jul 27, 2021
Created on Jul 27, 2021

A radial burst of CSS named colors, rendered as SVG paths in React, displays each color as a wedge from the center outward. The code loads color data from a CSV file using D3’s `csv` utility, then computes arc angles with `d3.pie` and draws them via `d3.arc`. React manages the component state and lifecycle, using `useState` and `useEffect` to fetch data asynchronously. The visualization maps each color’s hex value to its wedge fill, creating a full circle where every slice represents a distinct named color.

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!