Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Rendering data with React & D3

Public visualization

Viewing a saved revision (read-only)

718e05ad2e42456f911fb5b3c9e3b1ed

Rendering data with React & D3

0 stars1🌍 Public
NNana Kwame
Last edited Aug 21, 2023
Created on Aug 21, 2023

A radial burst of CSS named colors fills a 960 by 500 SVG canvas, with each color occupying an equal-angled slice emanating from the center. The visualization loads a CSV of named colors using D3’s `csv` utility, then employs D3’s `pie` and `arc` generators to compute the slice geometries. React 18 manages the state and renders the resulting SVG `path` elements, with each path’s fill set to the corresponding hex value from the dataset.

AI-generated description

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