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)

d926ad5b65b94a8d87012da422b2c8ca

Loading data with React & D3

0 stars0🌍 Public
PPyotr Grigorchenko
Last edited Dec 20, 2022
Created on Dec 19, 2022
Forked from Mouse follower

This visualization displays a donut chart of CSS named colors, with each slice representing a single color from a CSV dataset loaded from a GitHub gist. The React component uses the `useState` and `useEffect` hooks to asynchronously fetch the data with D3's `csv` function, then renders an SVG with D3's `pie` and `arc` generators. Each color's hex value fills its corresponding pie slice, creating a full circular spectrum.

AI-generated description

Loading data with React & D3