Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Rendering Data with React & D3

Public visualization

Viewing a saved revision (read-only)

5c203e725c104593b0b4b7b5c2a508a1

Fork of Rendering Data with React & D3

0 stars0🌍 Public
Mmengdong
Last edited Jul 18, 2021
Created on Jul 18, 2021

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 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!