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
PPatric Tysk
Last edited Nov 6, 2021
Created on Nov 3, 2021
Forked from Mouse Follower

This example shows a circular color wheel built from CSS named colors, with each color represented as a slice of a pie chart. The visualization loads data from a remote CSV file using `d3.csv`, then renders SVG paths with React components. The code uses `d3.arc()` to generate each slice, with the fill color set from the `RGB hex value` column in the data. React’s `useState` and `useEffect` hooks manage the asynchronous data loading, while the outer radius of the wheel matches the SVG dimensions.

AI-generated description

A program that follows your mouse with a circle.

Comments

Sign in to join the discussion.

MIT Licensed