Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

MDN colors Visualization - React D3

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed