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)

b36efe46f7d54011b5c6c22db3035bf4

Fork of Rendering Data with React & D3

0 stars0🌍 Public
NNick Hu
Last edited Mar 6, 2022
Created on Mar 6, 2022

This visualization displays all CSS named colors as a radial burst, with each color represented as a wedge in a circle. The code uses React hooks to load the CSV data with d3.csv, then d3.pie and d3.arc compute the wedge geometries, while React renders each slice as an SVG path filled with the corresponding hex value. The example combines React’s declarative component model with D3’s data-joining utilities, rendering a full-color spectrum from the CSS color dataset.

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!