Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

A Fork of Rendering Data with React Parte II

Public visualization

Viewing a saved revision (read-only)

86cb2b6b95a84e49970e9758192db55b

A Fork of Rendering Data with React Parte II

0 stars1🌍 Public
OOscar Muindi
Last edited Apr 28, 2023
Created on Apr 28, 2023

This interactive visualization displays the complete set of CSS named colors arranged in a circular “pie” chart, rendered as a static SVG by React 18.2. It loads color data from a Curran Gist CSV file via the D3 v7 `csv` utility, then maps each row to a slice using D3’s `pie` and `arc` functions. The chart’s wedges are drawn as SVG `<path>` elements, with the fill color taken from the dataset’s `RGB hex value` column.

AI-generated description

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