Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Color Wheel with React

Public visualization

Viewing a saved revision (read-only)

0c997bd0b7e84c9ebe8e1012c0bf6cf9

Color Wheel with React

0 stars1🌍 Public
Iikerson
Last edited Aug 10, 2021
Created on Aug 10, 2021

This color wheel visualizes all CSS named colors as a single burst of pie slices radiating from the center. Each slice represents one color from the CSS color data loaded via `d3.csv`. The React app uses `useState` and `useEffect` to fetch the data, then renders SVG paths computed with `d3.pie` and `d3.arc`. The `fill` property of each path is set to the color’s hex value from the dataset, creating a full-spectrum circular arrangement.

AI-generated description

A program that loads in CSS color data using D3 and React and creates a color burst.