Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Rendering Data with React & D3

Public visualization

Viewing a saved revision (read-only)

c8329a36574c4d788d7564547d37d677

Rendering Data with React & D3

0 stars1🌍 Public
MMichael Bergerson
Last edited Dec 27, 2020
Created on Dec 27, 2020

A radial burst of CSS named colors fills a circular SVG, with each wedge representing one color from a CSV dataset. React manages the loading state and renders the paths, while D3's `csv` fetches the data, `pie()` computes the angular layout, and `arc()` generates the path geometry. The visualization updates once the data arrives, initially displaying a loading message.

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.