Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Frendering Data with React & D3

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed