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)

22cb34a386f5467fa77659b64ae09c01

Fork of Rendering Data with React & D3

0 stars0🌍 Public
MMary Olive
Last edited Sep 1, 2023
Created on Sep 1, 2023

This example presents a radial burst visualization of CSS named colors, where each color occupies an equal slice of a circle. The data is loaded as CSV from a remote gist using D3’s `csv` utility, then rendered as SVG paths. React manages the component state, displaying a loading message until the data arrives. The chart is constructed with D3’s `pie` layout and `arc` generator, while React maps each data entry to a colored `<path>` element, filling each arc with its corresponding hex 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!