Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Rendering Data with React & D3

Public visualization

Viewing a saved revision (read-only)

a104611019ff424caeb685d97979d3ce

Fork of Fork of Rendering Data with React & D3

0 stars0🌍 Public
NNita
Last edited Jul 27, 2025
Created on Jul 27, 2025

This interactive color wheel visualizes all CSS named colors as segments in a customizable pie chart, loaded from a CSV data source. Users can sort colors by hue, lightness, saturation, or alphabetically, and adjust inner and outer radii to create donut variations. Hovering reveals details like hex, RGB, HSL, and luminance values alongside aggregate statistics. The visualization uses React 18 for UI state management, d3.csv for data loading, and d3.pie and d3.arc for SVG path generation.

AI-generated description