Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Rendering Data with React & D3

Public visualization

Viewing a saved revision (read-only)

441fa67c080b41d6949d9fbf1b4aca71

Fork of Rendering Data with React & D3

0 stars0🌍 Public
Hhung2606
Last edited Oct 12, 2021
Created on Oct 12, 2021

This example visualizes the CSS named colors dataset as a radial burst of pie slices, with each slice’s fill color matching its corresponding data value. The code loads CSV data via `d3.csv` and uses `d3.pie` and `d3.arc` to compute slice geometry, while React (with `useState` and `useEffect`) manages the asynchronous data loading and renders the SVG paths. The visualization demonstrates a hybrid React-D3 workflow, where D3 handles data processing and shape generation, and React handles component updates and DOM rendering.

AI-generated description

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