Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Rendering data with React

Public visualization

Viewing a saved revision (read-only)

4aa4b0ec276b48aaa8d2293a08baac64

Rendering data with React

0 stars1🌍 Public
Ddrc6587
Last edited Jul 28, 2022
Created on Jul 26, 2022

This visualization presents a pie chart of CSS named colors, rendered as SVG paths within a React application. The underlying data is loaded asynchronously using D3's `csv` utility from a remote gist URL. React manages the application state, displaying a loading message until the data arrives, then mapping each row to a pie slice. The path geometries are calculated using D3's `arc` generator, with each slice's fill color directly sourced from the 'RGB hex value' column in the dataset.

AI-generated description

A progam that loads data using D3 utilities and uses React state to render the data

4:40:00