🌍 Public
Viewing a saved revision (read-only)
01dc2357ab8f4274992df9fe37863d6f
Rendering Data with React
This example shows a radial burst of CSS named colors, with each color represented as a pie slice radiating outward. The data loads from a CSV file containing color names and their RGB hex values. Using React hooks like `useState` and `useEffect`, the app fetches the data with D3’s `csv` utility, then renders SVG paths computed by D3’s `pie` and `arc` generators. Each path’s fill is set directly from the hex value in the dataset, creating a vibrant, segmented color wheel inside 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!