Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Data Viz Pie chart

Public visualization

Viewing a saved revision (read-only)

391939e0961e47b3bfeed37e3055b9bb

Data Viz Pie chart

0 stars1🌍 Public
KKtuzinowski
Last edited Jul 25, 2021
Created on Jul 25, 2021

This visualization displays the CSS named colors as a pie chart, with each slice colored according to its corresponding hex value. The chart renders all color categories as equal-sized arcs using React to manage the data loading state and D3’s `csv` utility to fetch the dataset from a GitHub gist. Slices are drawn with `d3.arc` and `d3.pie` methods, producing an SVG output inside a React component. The example demonstrates a straightforward integration of React for UI state with D3 for data parsing and geometric layout.

AI-generated description

A program that loads in some data using D3 utilities, and uses React to keep track of the data.