Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Render data with React using D3

Public visualization

Render data with React using D3

0 stars1🌍 Public
Dducan114
Last edited Dec 28, 2021
Created on Dec 28, 2021

A React component renders a pie chart of CSS named colors from a CSV file, with each slice’s fill matching its corresponding hex value. Using React hooks (`useState`, `useEffect`) to load data via `d3.csv`, the chart is drawn as SVG paths generated by `d3.pie` and `d3.arc`. The visualization demonstrates integrating D3’s layout and shape APIs with React’s declarative rendering, as each slice is a React `<path>` element. The data source is a gist URL containing named colors and their RGB hex values.

AI-generated description

Smiley face implementation with React.

Comments

Sign in to join the discussion.

MIT Licensed