Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading Data with React & D3

Public visualization

Loading Data with React & D3

0 stars1🌍 Public
TTakashi-KK
Last edited Sep 9, 2022
Created on Sep 8, 2022
Forked from Mouse Follower

This example shows a radial burst of MDN CSS color swatches, with each named color rendered as a wedge around a central point. React manages the component state and lifecycle, using the `useEffect` hook to load the CSV data via D3’s `csv` method, while `d3.pie` and `d3.arc` compute the wedge geometry. The SVG paths are filled with the hex values from the dataset, and a loading message appears until the data arrives.

AI-generated description

A program that loads in some data about MDN CSS Colors using D3 utilities, and uses React to render the data as a radial burst!

Comments

Sign in to join the discussion.

MIT Licensed