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)

67295b5398534de2aa99f0995ea5ccbd

Fork of Rendering Data with React & D3

0 stars1🌍 Public
WWilliam Couturiaux
Last edited Apr 13, 2021
Created on Apr 13, 2021

This example displays all named CSS colors as a radial burst, with each color rendered as a slice of a pie chart. It loads the color data using `d3.csv`, then sorts and maps it with `d3.pie()` before drawing each arc with `d3.arc()`. React manages the component state and rendering, while D3 handles the data loading and geometry calculations. The visualization uses SVG via React's `path` elements, with each slice filled by its corresponding hex value from the dataset.

AI-generated description

A program that loads data about CSS named colors with D3 utilities and uses React to render the data as a radial burst.