Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

rendering data with react and D3

Public visualization

Viewing a saved revision (read-only)

0448918361fb4df383a6ddadff1d56bb

rendering data with react and D3

0 stars1🌍 Public
Rrsulli4
Last edited Apr 29, 2023
Created on Apr 29, 2023

A radial burst chart displays a dataset of named CSS colors, with each color represented as a slice of a circle emanating from the center. The visualization loads CSV data from a remote gist using `d3.csv` and renders the arcs as SVG `path` elements. React manages the asynchronous data loading and component state, while D3's `pie` and `arc` functions calculate the angular segments. The code uses `ReactDOM.render` to mount the application and applies the hex value from each data row as the fill color.

AI-generated description

a program that loads in some data about named css colors using d3 utilities and uses React to render the data radial burst.