Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Visualizing Data with React & D3

Public visualization

Viewing a saved revision (read-only)

37802163ff7f4f1aaec9af127ea6898d

Visualizing Data with React & D3

0 stars1🌍 Public
ZZoe Ferencova
Last edited Mar 6, 2023
Created on Mar 6, 2023

This example visualizes the named CSS colors as a donut chart, with each slice colored by its corresponding hex value, rendering the full color palette in a circular layout. The visualization uses D3’s `arc` and `pie` generators to compute the slice geometry, while React manages the component state and renders the SVG paths. Data loads asynchronously from a CSV file of CSS color names via D3’s `csv` function, and the chart updates once the data arrives, showing a loading message before that.

AI-generated description

Half way towards a smiley face.