Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Rendering Data with React & D3

Public visualization

Fork of Rendering Data with React & D3

0 stars0🌍 Public
JJaymi Yam
Last edited May 29, 2026
Created on May 29, 2026

This visualization displays all CSS named colors as a single pie chart, with each slice colored according to its corresponding RGB hex value. The data is loaded from a CSV file hosted on GitHub, and the chart is rendered as an SVG. The example demonstrates a hybrid approach combining React for component state and rendering with D3 v5 for data parsing and computing pie chart geometry, using the `d3.csv`, `d3.pie`, and `d3.arc` APIs. The code is a fork, with commented-out manual arc calculation logic as an alternative.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed