Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading Data with React and d3

Public visualization

Loading Data with React and d3

0 stars0🌍 Public
Aaramaki-san
Last edited Jun 5, 2021
Created on Jun 4, 2021
Forked from Mouse Follower

This example shows a color wheel built from a CSV of named CSS colors, loaded asynchronously and rendered as SVG arcs using React and d3. The React component uses `useState` and `useEffect` to fetch the data with `d3.csv`, then displays a loading message until the data arrives. The chart maps each row to an arc via `d3.arc` and `d3.pie`, with fill colors taken directly from the `RGB hex value` column. The code relies on React 16.9 for components and d3 v6 for data loading and shape generation.

AI-generated description

Smiley face implementation with React.

Comments

Sign in to join the discussion.

MIT Licensed