Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Dataviz 6 - Visualizing data with React and D3

Public visualization

Viewing a saved revision (read-only)

a671dae877864d46a9e17a05d76c6087

Dataviz 6 - Visualizing data with React and D3

0 stars0🌍 Public
RRyAlpha
Last edited Nov 21, 2021
Created on Nov 21, 2021

This example visualizes CSS named colors from a remote CSV dataset as a radial burst of colored arcs arranged in a pie chart. The SVG rendering is powered by React, which maps each data row to a `<path>` element, while D3’s `pie` and `arc` utilities compute the angular segments. The chart’s center-aligned arcs use the data’s “RGB hex value” field for fill colors, and the interface initially displays a loading state before the data arrives.

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!