Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Rendering Data with React & D3

Public visualization

Viewing a saved revision (read-only)

8341902dfa2e4c31953cb9f520566094

Fork of Rendering Data with React & D3

0 stars0🌍 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!