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)

88d66535fa31480e99b9355b13354bdc

Fork of Rendering Data with React & D3

0 stars0🌍 Public
ZzhehaowUNC
Last edited May 2, 2022
Created on May 1, 2022

This visualization renders a radial burst of CSS named colors using React and D3. It loads color data from a CSV file via `d3.csv`, then maps each color to a pie slice using `d3.pie` and `d3.arc`. The React component displays the slices as SVG paths, with each slice’s fill set to its corresponding hex value. The code also includes an alternative manual arc calculation approach, commented out, using trigonometric formulas. A loading state is shown until the data is fetched.

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!