Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Rendering Data with React & D3

Public visualization

Viewing a saved revision (read-only)

e01a07d140f94ffbb3bfe9eb24cc2389

Fork of Rendering Data with React & D3

0 stars1🌍 Public
Jjwesterlund412
Last edited Jan 8, 2022
Created on Jan 8, 2022

This example presents a donut chart that visualizes CSS named colors from a remote CSV file. It loads the data using `d3.csv`, processes it with the `d3.pie` and `d3.arc` utilities, and renders the result as SVG paths via React components. The chart displays each color as a segment, filled with its corresponding RGB hex value. The visualization demonstrates a straightforward integration of React state management with D3’s data handling and arc generation within a single SVG canvas.

AI-generated description

A program that loads in some data about CSS named colors using D3 utitlities, and uses React state to render the data.