🌍 Public
Datavis 2020 Episode 20 - Visualizing Data with React & D3
RRichard Burd
Last edited Jan 4, 2022
Created on Jan 4, 2022
Forked from Datavis 2020 Episode 16 - Loading Data in React
A pie chart displays every CSS named color as a wedge with equal angular size, filled with its corresponding hex value. The chart uses React state to load the color data via `d3.csv`, then computes the arc paths with D3's `pie` and `arc` generators. Rendering occurs in an SVG, with the pie centered in a 960×500 viewport. Loading text appears before the data arrives.
AI-generated descriptionA program that loads in some data about CSS named colors using D3 utilities, and uses React state to render the data.
MIT Licensed








Comments
Sign in to join the discussion.