Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Rendering Data with React

Public visualization

Viewing a saved revision (read-only)

0b1453863e444b559c0ce8916f89a5f8

Fork of Rendering Data with React

0 stars1🌍 Public
OOscar Muindi
Last edited Apr 28, 2023
Created on Apr 28, 2023

This example displays a color wheel of CSS named colors, with each color rendered as a wedge-shaped path arranged in a circular layout. It loads color data from a CSV file using `d3.csv` and renders the visualization with React components and SVG paths. The `d3.arc` generator computes the wedge shapes, while React’s `useState` and `useEffect` manage the asynchronous data loading and component rendering. The color fill for each path comes directly from the RGB hex value column in the dataset.

AI-generated description

A program that loads data about CSS named colors using some D3 utilities and uses React to render the data.