Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

MDN colors Visualization - React D3

Public visualization

Viewing a saved revision (read-only)

452b29b5d5284b8f8e9926e67a3637c1

MDN colors Visualization - React D3

0 stars1🌍 Public
OOm Kakatkar
Last edited Jul 30, 2023
Created on Jul 30, 2023

A donut chart visualizes the distribution of MDN's named colors, with each color's hex value filling its corresponding pie slice. Built with React and D3 v7, the visualization loads color data from a CSV file and renders it as SVG paths using D3's pie and arc generators. The chart is centered in a 960x500 viewport, and each slice represents one color entry from the dataset.

AI-generated description

Cursor follower