Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

React data

Public visualization

Viewing a saved revision (read-only)

9c827c99feea41378eff71102346aa8f

React data

0 stars0🌍 Public
LLaura Brown
Last edited Feb 6, 2025
Created on Jan 22, 2025
Forked from Mouse follower

This React and D3 data visualization renders the CSS named colors as a pie chart. It loads color data from a CSV file using `d3.csv`, then maps each color name to a slice of the pie. The chart uses `d3.pie` and `d3.arc` to generate the paths, with each slice filled by its corresponding RGB hex value. The SVG is rendered using React’s `useState`, `useEffect`, and `ReactDOM.render`, creating a dynamic and interactive display.

AI-generated description

A program that loads in some data with D3 and React