Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Rendering Data with React & D3

Public visualization

Viewing a saved revision (read-only)

6115593afcff4483b3b88362b1583322

Fork of Fork of Rendering Data with React & D3

0 stars1🌍 Public
TtrwMK
Last edited Oct 14, 2022
Created on Oct 14, 2022

A radial burst of colored wedges visualizes CSS named colors, with each wedge representing one color from a CSV dataset loaded via `d3.csv`. The React app uses `useState` and `useEffect` to fetch the data, then renders SVG paths generated by `d3.arc` and `d3.pie`. Each path’s fill is set to the color’s RGB hex value, creating a full circle where adjacent wedges show the color spectrum. The chart spans the entire viewport, centered dynamically, demonstrating React’s component lifecycle managing D3’s geometry utilities.

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!