Skip to main content
100%

Fork of Rendering Data with React & D3

✓ Published0🌍 Public
GGeekboxer
Last edited Jul 27, 2021
Created on Jul 27, 2021

A radial burst of CSS named colors, rendered as SVG paths in React, displays each color as a wedge from the center outward. The code loads color data from a CSV file using D3’s `csv` utility, then computes arc angles with `d3.pie` and draws them via `d3.arc`. React manages the component state and lifecycle, using `useState` and `useEffect` to fetch data asynchronously. The visualization maps each color’s hex value to its wedge fill, creating a full circle where every slice represents a distinct named color.

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!

MIT Licensed

Similar vizzes