Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Show Data with React & D3

Public visualization

Viewing a saved revision (read-only)

ce7cd0c77e7a4f2da357dd4aa67cda37

Show Data with React & D3

0 stars1🌍 Public
SStefano Renzetti
Last edited May 10, 2023
Created on May 10, 2023

A React application renders a donut chart from CSS named colors data fetched as CSV. Each color value becomes a pie slice, filled with its corresponding RGB hex value. The visualization uses React's `useState` and `useEffect` hooks to load data asynchronously, then leverages D3 v7's `pie` layout and `arc` generator to compute SVG path geometry. The chart is drawn using SVG `<path>` elements within a React-generated `<svg>` container.

AI-generated description

Smiley face implementation with React.