Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Vizualizing Data with React & D3

Public visualization

Viewing a saved revision (read-only)

6c343b5b000c4be392c943094b654fc9

Vizualizing Data with React & D3

0 stars1🌍 Public
HHamza Abdirashid
Last edited Jul 7, 2021
Created on Jul 6, 2021

This example visualizes the 148 CSS named colors as a donut chart, where each arc segment represents a color and is filled with its corresponding RGB hex value. The visualization is built using React for the component structure and D3.js v5 for data loading and pie chart geometry. The code fetches the color data from a GitHub Gist using `d3.csv`, then uses `d3.pie` and `d3.arc` to generate the SVG paths, which are rendered inside a React `<svg>` element.

AI-generated description

A program that loads in some data about CSS named colors and parses it and then vizualises it using D3 and react