Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

data about css named colors

Public visualization

data about css named colors

0 stars0🌍 Public
Nnncis
Last edited Sep 27, 2023
Created on Sep 21, 2023

This visualization displays all CSS named colors as a circular pie chart, with each color represented as a slice arranged around the center. The data is loaded from a CSV file using `d3.csv` and rendered as SVG paths. React state via `useState` and `useEffect` manages the asynchronous data loading and triggers re-rendering. Each slice is generated using D3's `arc` generator, with the fill color set directly from the hex value in the dataset.

AI-generated description

A program that load in some data about CSS named colors using D3 utilities, and uses React state to keep in track of the data.

Comments

Sign in to join the discussion.

MIT Licensed