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)

01ff33fdf6124e7e8b0b9cd91e96ebfe

Fork of Rendering Data with React & D3

0 stars0🌍 Public
KKoundinya
Last edited Dec 26, 2021
Created on Dec 26, 2021

A radial burst of CSS named colors, loaded from a CSV file, visualizes all entries as equal-width slices in a circular pie chart. The code uses D3 utilities `csv`, `arc`, and `pie` to parse and compute the arc geometry, while React manages the application state and renders each slice as an SVG `<path>` element. The fill color for each slice comes directly from the dataset's RGB hex values, with an opacity of 0.6. Loading state is shown with plain text before the chart appears.

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!