Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Rendering Data with React and D3

Public visualization

Viewing a saved revision (read-only)

d2ca65e1114d4c268a98d1f2952fc3bd

Fork of Rendering Data with React and D3

0 stars1🌍 Public
DDeborah Ong
Last edited Apr 3, 2021
Created on Apr 3, 2021

This visualization loads CSS named color data from a CSV file using `d3.csv` and renders a radial burst of colored arcs with React and SVG. Each arc corresponds to one color, with its fill set directly from the `RGB hex value` field, and the layout is generated using D3’s `pie()` and `arc()` functions. The React component manages the asynchronous data fetch with `useEffect` and `useState`, displaying a loading state until the data arrives, then drawing the full circle in a single SVG group.

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.