Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Rendering Data with React & D3

Public visualization

Rendering Data with React & D3

0 stars2🌍 Public
Ssophburke
Last edited Sep 17, 2019
Created on Sep 16, 2019

This example shows a radial burst of CSS named colors, with each color rendered as a slice in a pie chart. It loads data from a CSV of CSS color names using D3’s `csv` utility, then uses React hooks (`useState`, `useEffect`) to fetch and store the data. The slices are computed with D3’s `pie` and `arc` generators, while React renders each as an SVG `<path>` filled with the corresponding hex value.

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!

Comments

Sign in to join the discussion.

MIT Licensed