Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Rendering Data with React & D3

Public visualization

Viewing a saved revision (read-only)

5822913ad977450e9e4588f5ad73a27e

Fork of Rendering Data with React & D3

0 stars0🌍 Public
JJoachim Klug
Last edited Apr 19, 2021
Created on Apr 19, 2021

This visualization displays all CSS named colors as a radial pie chart, with each slice colored according to its corresponding hex value. The code uses React hooks (useState, useEffect) to fetch and store the data from a CSV file listing CSS color names, then applies D3’s pie and arc generators to compute the layout. The resulting SVG paths are rendered by React, with each color’s name shown as a tooltip via a title element. The chart uses an outer radius spanning the full width of the viewport.

AI-generated description