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

1 star0🌍 Public
Wwex@stu.ouc.edu.cn
Last edited Jul 16, 2024
Created on Jul 16, 2024

This example visualizes the CSS named color dataset as a radial burst of slices, each colored by its corresponding hex value. The data loads via `d3.csv` from a GitHub gist, then React renders the SVG paths. D3’s `pie` and `arc` utilities compute the slice angles and paths, while the colors come directly from the dataset’s `RGB hex value` column. The sort order is determined by parsing the hex number, creating a gradient-like sequence around the circle.

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