Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Rendering data with React & D3

Public visualization

Viewing a saved revision (read-only)

b804412480534157828bdf67757e2aa0

Rendering data with React & D3

0 stars1🌍 Public
WWolfgang
Last edited Mar 20, 2021
Created on Mar 20, 2021

A radial burst of CSS named colors, rendered as a pie chart where each slice represents a distinct color. The visualization loads color data from a CSV file via D3's `csv` utility, then uses React's `useState` and `useEffect` hooks to fetch and manage the data. D3's `pie` and `arc` functions compute the slice geometry, while React maps each data point to an SVG `<path>` element with the color's hex value as its fill. The view is centered with a `transform` translation, and a loading message appears before data arrives.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data as a radial burst.