Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Pie Chart

Public visualization

Viewing a saved revision (read-only)

34ca1f3bcf7044d58fc40dfa486953c0

Pie Chart

0 stars1🌍 Public
Nnicklaus-roy
Last edited Apr 12, 2021
Created on Apr 12, 2021

This pie chart displays the proportional distribution of the 148 named CSS colors by mapping each color to an equal-angle slice of a circle. The visualization is built with React, using the D3.js `pie` and `arc` functions to generate the path geometry, and renders as an SVG. Each slice is filled with the corresponding hex value from a CSV dataset of named CSS colors, loaded via D3's `csv` method. The chart effectively shows all colors at once, with the full wheel centered on the canvas.

AI-generated description

Smiley face implementation with React.