Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Rendering Data with React

Public visualization

Rendering Data with React

0 stars0🌍 Public
SSofffos
Last edited Feb 27, 2021
Created on Feb 27, 2021

A donut chart displays the distribution of 148 named CSS colors, loaded as CSV data from a GitHub gist and rendered as SVG paths with React 16.9. Using D3 v6’s `pie` and `arc` generators, each slice’s fill is set to the color’s RGB hex value from the dataset. React’s `useState` and `useEffect` hooks fetch the data, while conditional rendering shows a loading message before the visualization appears.

AI-generated description

Smiley face implementation with React.

Comments

Sign in to join the discussion.

MIT Licensed