Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

rendering data with react: pie

Public visualization

rendering data with react: pie

0 stars1🌍 Public
Rrayking99
Last edited Jun 10, 2021
Created on Jun 10, 2021
Forked from Data D3 Loader

This example renders a pie chart from a CSV file of CSS color names and their RGB hex values. The React component loads the data with d3.csv, then maps each row to a thin horizontal div whose background color matches the hex value. The visualization presents the color palette as stacked stripes, with a loading message displayed until the data arrives. It uses React hooks (useState, useEffect) and ReactDOM for rendering.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed