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)

8e5ac401483e462d86224d8db305e572

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!