Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Frendering Data with React & D3

Public visualization

Viewing a saved revision (read-only)

194ce3c8ec6f47a0b0b984fc50b2f0a7

Fork of Frendering Data with React & D3

0 stars1🌍 Public
NNigel
Last edited Aug 30, 2022
Created on Aug 30, 2022

This example visualizes CSS named colors as a pie chart, where each slice represents one color and is filled with its corresponding RGB hex value. The data is loaded from a CSV file using D3’s `csv` utility, and React’s `useState` and `useEffect` hooks manage the asynchronous data fetching and component state. The pie chart is rendered with SVG paths generated by D3’s `arc` and `pie` functions, while React’s `useCallback` is imported but not utilized in the visible code.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React state to keep track of the data.