Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Fork of Rendering Data with React & D3

Public visualization

Viewing a saved revision (read-only)

2fa0d17d0de5453cb87ba22da98c890a

Fork of Fork of Fork of Rendering Data with React & D3

0 stars0🌍 Public
TtrwMK
Last edited Oct 14, 2022
Created on Oct 14, 2022

A radial burst visualization of CSS named colors, rendered as an SVG donut chart using React for component structure and D3 utilities for data processing and shape generation. It loads color data from a CSV file via `d3.csv`, then uses `d3.pie` to compute arc angles and `d3.arc` to generate the path geometry, with each slice filled by its corresponding hex value. React's `useState` and `useEffect` hooks manage the asynchronous data loading and re-render the chart once the data arrives.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data as a radial burst!