🌍 Public
Viewing a saved revision (read-only)
5c203e725c104593b0b4b7b5c2a508a1
Fork of Rendering Data with React & D3
This example visualizes all CSS named colors as a radial burst of wedge-shaped arcs. Each arc represents one color from a CSV dataset, filled with its corresponding hex value. The code combines React hooks (`useState`, `useEffect`) with D3 utilities `csv`, `arc`, and `pie` to load and transform the data, then renders the SVG paths inside a React component. The visualization uses a fixed outer radius and centers the pie at the middle of an SVG canvas.
AI-generated descriptionA program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data as a radial burst!