Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Rendering Data with React

Public visualization

Fork of Rendering Data with React

0 stars1🌍 Public
CChris Knight
Last edited Jun 23, 2022
Created on Jun 23, 2022

This radial burst visualization displays CSS named colors as a circular pie chart, with each color represented by an arc segment of equal size. The visualization loads raw CSV data from a GitHub gist containing color names and their RGB hex values using D3’s `csv` function. React manages the asynchronous data fetching and rendering, while D3’s `pie` and `arc` utilities compute the arc paths, which are then drawn as SVG paths with fills set to the corresponding hex values. The chart is centered within a 960×500 SVG canvas.

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