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)

b28a36706af64dcc9d04a9ae827b4286

Rendering Data with React & D3

0 stars1🌍 Public
SSonja Ek
Last edited May 31, 2021
Created on May 31, 2021

A radial burst of CSS named colors is rendered as a pie chart, with each wedge filled by its corresponding hex value. The visualization demonstrates combining React for component state and rendering with D3 utilities for data processing and shape generation. React’s `useEffect` and `useState` hooks fetch and store the CSV data, while `d3.csv`, `d3.pie`, and `d3.arc` compute the angular layout and path geometry. The chart uses SVG output, with a loading message shown 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.