Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

rendering data with react and D3

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed