Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Visualizing Data with React & D3

Public visualization

Viewing a saved revision (read-only)

b0f5ecf00f6b41d1a62d760bdfa89e0d

Visualizing Data with React & D3

0 stars1🌍 Public
Jjanneprice
Last edited Mar 24, 2022
Created on Mar 24, 2022

The example shows a pie chart of CSS named colors, with each slice sized equally and filled using its RGB hex value. It loads data from a CSV file via `d3.csv` and stores it in React state using the `useState` and `useEffect` hooks. The visualization is rendered as SVG paths generated with `d3.arc` and `d3.pie`, while React handles the component lifecycle and conditional loading display.

AI-generated description

A program that loads in some data using D3 utilities and uses React state.