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)

dd7e3d906fa44f6088c4622e52693506

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