Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Smiley Face Part III

Public visualization

Fork of Smiley Face Part III

0 stars1🌍 Public
OOscar
Last edited Jan 19, 2026
Created on Jan 16, 2026

This example renders the full CSS named-color palette as a circular pie chart using React and D3. The visualization displays each color name from a CSV dataset as a slice with its corresponding RGB hex fill, producing a rainbow-like wheel. The code combines React hooks for state management with D3’s `pie` and `arc` generators to compute slice angles and SVG paths. All shapes are drawn as SVG elements within a single group transformed to the chart’s center.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed