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)

2e40a43339fb41d98f9ec4296c52a2e2

Fork of Rendering Data with React & D3

0 stars0🌍 Public
JJulianLeira
Last edited Oct 21, 2021
Created on Oct 21, 2021

This example displays a radial burst of CSS named colors as a circular pie chart, with each color’s name and hex value represented by a slice. It loads data from a CSV file using d3.csv, then constructs the pie layout with d3.pie and arc generator d3.arc. React manages the component state via useState and useEffect, rendering the loading message while the data is fetched. The visualization relies on React 16.9, D3 v5, and a custom SVG layout within a 960×500 viewport, though only the initial loading screen is shown in the provided code.

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!