Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Rendering Data with React & D3

Public visualization

Rendering Data with React & D3

4 stars284🌍 Public
CCurran Kelleher
Last edited Aug 8, 2020
Created on Sep 12, 2019

This example shows a radial burst visualization of CSS named colors, where each color is represented as a slice of a pie chart, filled with its corresponding RGB hex value. The data is loaded from a CSV file using D3’s `csv` utility, while React hooks (`useState`, `useEffect`) manage the asynchronous loading state. Rendering occurs as an SVG via React components, with D3’s `pie` and `arc` generators computing the angular layout and path geometry. The visualization updates once data arrives, displaying a loading message until then.

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!

Comments

Sign in to join the discussion.

MIT Licensed