Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Rendering Data with React & D3

Public visualization

Viewing a saved revision (read-only)

7297844a1cf74e49886971c16e805fef

Rendering Data with React & D3

0 stars0🌍 Public
Jjuanmy400
Last edited Jan 12, 2022
Created on Jan 12, 2022

This example visualizes CSS named colors as a radial burst, with each color occupying an equal slice of a circle. It loads color data from a CSV file using d3.csv, then computes pie angles with d3.pie and generates SVG paths with d3.arc. React manages the component state and renders the SVG, while D3 handles data loading and geometry. The resulting chart displays all named colors around a central point, using their hex values as fills.

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!