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)

c407b633328c4227964685202925ab83

Fork of Rendering Data with React & D3

0 stars1🌍 Public
SSam
Last edited Apr 26, 2021
Created on Apr 25, 2021

This visualization renders the CSS named colors dataset as a radial burst of pie slices. Using React for component rendering and D3’s `pie` and `arc` generators, each color occupies a wedge whose fill matches its hex value. The data loads via `d3.csv` from a gist, while React’s `useState` and `useEffect` manage the asynchronous fetch. SVG paths are generated directly in JSX, with the pie centered on a 960×500 canvas.

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!