Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Rendering Data with React & D3

Public visualization

Fork of Rendering Data with React & D3

0 stars0🌍 Public
Vvigneswaran009
Last edited May 12, 2021
Created on May 12, 2021

This example shows a radial burst of the CSS named colors, with each color represented as a slice of a pie chart. It uses React hooks like `useState` and `useEffect` to asynchronously load the data with `d3.csv`, then renders SVG paths via React. The `d3.pie` and `d3.arc` APIs compute the angular layout and path geometry, while the fill color comes from the `RGB hex value` column. The visualization transitions from a loading message to the full color wheel once the 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!

Comments

Sign in to join the discussion.

MIT Licensed