Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

CSV Data Pt 5 - Radial Data

Public visualization

Viewing a saved revision (read-only)

5114046d930940ddbd78d15f8a26ede7

CSV Data Pt 5 - Radial Data

0 stars0🌍 Public
Jjulesgentry
Last edited Aug 2, 2022
Created on Jul 30, 2022

This radial visualization displays CSS color names loaded from a CSV file, with each color represented as a wedge in a circular pie chart. The chart uses React state to manage asynchronous data loading via `d3.csv`, while `d3.pie()` and `d3.arc()` compute the angular layout and SVG path geometry. Each wedge is filled with the hex value from the dataset, positioned around the center of an SVG canvas. The visualization highlights the full spectrum of named CSS colors in a compact, radial format.

AI-generated description

A program that loads in some data using D# utilities, and uses React state to render the data.