Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Ep. 20 - D3.pie() & D3.arc()

Public visualization

Ep. 20 - D3.pie() & D3.arc()

0 stars1🌍 Public
YYee Han
Last edited Dec 23, 2020
Created on Dec 23, 2020

This example shows a full-screen radial burst of colored wedges, each representing a named CSS color from a CSV dataset loaded via D3’s `csv` utility. Using React with hooks, the code fetches the data once with `useEffect`, then renders each row as an SVG path generated by `d3.pie()` and `d3.arc()`. Every arc is filled with its corresponding CSS color hex value, creating a complete circular chart that highlights the variety of named colors.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data as a radial burst!

Comments

Sign in to join the discussion.

MIT Licensed