🌍 Public
Viewing a saved revision (read-only)
cc5e1346507f4359ae06b72e29ffbcd4
Rendering Data with React & D3
This example visualizes the 148 named CSS colors as a donut chart, with each slice filled by its corresponding RGB hex value. Using React state to manage data loading, it fetches a CSV via `d3.csv` and renders an SVG through `ReactDOM`. The pie layout is computed with `d3.pie`, while each segment’s path is generated by `d3.arc`, producing a colorful circular spectrum that maps each color name to its visual representation.
AI-generated descriptionA program that loads in some data about CSS named colors using D3 utilities, and uses React state to keep track of the data.