Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

TARIKU ENDALE COLOR EDITING ON D3 VISUALIZATION

Public visualization

Viewing a saved revision (read-only)

fb479879aaff42cd9aba86c9ec182e6e

TARIKU ENDALE COLOR EDITING ON D3 VISUALIZATION

0 stars1🌍 Public
TTARIKUENDALE
Last edited Sep 6, 2022
Created on Sep 6, 2022

This radial burst visualization displays all 148 CSS named colors as a circular pie chart, with each color’s slice sized equally and filled with its corresponding RGB hex value. The chart loads color data from a CSV file hosted on GitHub using D3’s `csv` utility, then employs D3’s `pie` layout and `arc` generator to compute the pie slices. The React app, using `useState` and `useEffect` hooks, renders the result as an SVG with a `<path>` element for each color, centered within a 960x500 canvas.

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!