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)

7c902e204e4f42948de15db7e3d0fea0

Fork of Rendering Data with React & D3

0 stars0🌍 Public
DDustin Brunner
Last edited May 13, 2023
Created on May 12, 2023

This example renders a dataset of CSS named colors as a radial burst of pie slices, with each slice filled by its corresponding hex value. It combines React for component structure and state management with D3 utilities (`csv`, `arc`, `pie`) for data loading and shape generation, outputting to SVG. The code loads the color data from a GitHub Gist, and includes a static Plotly scatter plot as an unrelated side element. A loading state displays text until the asynchronous CSV fetch completes.

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!