Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading Data with React & D3

Public visualization

Viewing a saved revision (read-only)

8a7822c652a14263a99fd47e280a70d3

Loading Data with React & D3

0 stars1🌍 Public
GGabriel Dias Menezes
Last edited May 27, 2022
Created on May 26, 2022
Forked from Mouse follower

A donut chart displays the relative proportions of CSS named colors, with each slice filled by its corresponding RGB hex value. The visualization loads a CSV dataset from a GitHub gist using D3's `csv` utility, while React's `useState` and `useEffect` manage the asynchronous data fetching and rendering state. The SVG output is generated by mapping the parsed data through D3's `pie` and `arc` functions, producing colored path elements centered within a 960x500 viewport.

AI-generated description

A program thtat loads in some data using D3 utilities, and uses React state to keep track of the data.