Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Rendering Data with React & D3

Public visualization

Fork of Rendering Data with React & D3

0 stars0🌍 Public
DDineshNikam
Last edited May 29, 2023
Created on May 29, 2023

This visualization displays all 148 CSS named colors as a radial burst of pie slices, each colored by its hex value. The code loads the CSV data from a GitHub gist using `d3.csv`, then uses `d3.pie` to compute the angles and `d3.arc` to generate paths. React handles rendering with SVG, mapping each slice to a `<path>` element whose fill comes from the `RGB hex value` column. The example demonstrates a minimal integration of React state management with D3’s data-processing utilities.

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!

Comments

Sign in to join the discussion.

MIT Licensed