Skip to main content
100%

Fork of Rendering Data with React & D3

✓ Published0🌍 Public
AAoibhinnRed
Last edited Oct 8, 2021
Created on Oct 8, 2021

This example shows a radial burst of all CSS named colors, with each color rendered as a wedge in a full circle. The code loads color data from a CSV file using `d3.csv`, transforms it with `d3.pie` and `d3.arc`, then maps each slice to a React `<path>` element filled with the corresponding hex value. The visualization uses SVG within a React component, relying on `useState` and `useEffect` to fetch data asynchronously. The outer radius of each arc matches the SVG width, creating a dense, colorful disk.

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