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)

94ebc5ae1323412faad8d7e39c99f2f9

Fork of Rendering Data with React and D3

0 stars0🌍 Public
IIverefiner
Last edited Nov 4, 2021
Created on Nov 4, 2021

A radial burst of CSS named colors fills an SVG canvas, with each color represented as a pie slice emanating from the center. The visualization loads color data from a CSV file using D3’s `csv` utility, then uses `d3.pie` and `d3.arc` to compute the slice geometry for React components. React’s `useState` and `useEffect` hooks manage the asynchronous data fetching and rendering, producing a static, full-width radial layout where each slice’s fill corresponds to its hexadecimal color value.

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!