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
JJosephStalnaker
Last edited Jul 1, 2021
Created on Jul 1, 2021

A radial burst visualization displays all CSS named colors as pie slices, with each slice colored by its corresponding hex value. The code loads color data from a CSV using D3’s `csv` utility and React’s `useEffect` hook, then renders an SVG via React components. D3’s `pie` and `arc` functions compute the slice angles and paths, while the `fill` attribute maps each data row’s RGB hex value to the slice color. The React `useState` hook manages the loading state, showing "Loading..." until the asynchronous data fetch completes.

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