Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Rendering Data with React and D3

Public visualization

Viewing a saved revision (read-only)

68ef738d53e24f23837304de43fb06e6

Rendering Data with React and D3

0 stars1🌍 Public
AA
Last edited Jul 17, 2021
Created on Jul 17, 2021

A full-screen donut chart visualizes all CSS named colors, sourced from a CSV file of named color values. The visualization uses React to manage state and render SVG elements, while D3 v7 handles the data loading via `d3.csv` and the pie layout and arc generation with `d3.pie` and `d3.arc`. Each color category is represented by a pie slice filled with its corresponding hexadecimal value.

AI-generated description

Rendering Data with React and D3