Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

pie chart d3

Public visualization

Viewing a saved revision (read-only)

f4127fcc30f74f9599bcbb90ef7d3b0d

pie chart d3

0 stars0🌍 Public
Mmuhammadshumas
Last edited Dec 27, 2021
Created on Dec 27, 2021

This example presents a radial burst visualization of CSS named colors, with each color represented as a wedge in a full circle. The data is loaded from a CSV file containing color names and their hexadecimal RGB values using d3.csv, and the layout is computed with d3.pie and d3.arc. React components render the resulting paths as SVG elements, filling each wedge with its corresponding hex color. The visualization is generated with React 16 and D3 v5, displaying the entire color palette in a single circular arrangement.

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!