Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Rendering Data with React

Public visualization

Viewing a saved revision (read-only)

669065b73d454bf2881c825b7bb95b9f

Rendering Data with React

0 stars0🌍 Public
882MARY
Last edited Apr 30, 2021
Created on Apr 30, 2021

A pie chart displays all 148 CSS named colors as equal-sized slices. The example loads CSV data about named colors from a GitHub gist using `d3.csv`, then converts the data to arc segments with `d3.pie` and `d3.arc`. React components render each slice as an SVG `<path>`, with the fill color set to the corresponding RGB hex value from the dataset. The visualization demonstrates integrating D3 data utilities with React's declarative rendering approach.

AI-generated description

A program that loads some data about CSS named Colors using D3 utilities, and uses react to render the data