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)

0931f02e6a4c428d9331b3ac890959d3

Rendering Data with React & D3

0 stars2🌍 Public
Kkatjur01
Last edited Apr 27, 2023
Created on Apr 27, 2023

A radial burst chart visualizes CSS named colors from a CSV dataset, encoding each color as a wedge arranged around a central point. The visualization is rendered as an SVG using React components, with D3 utilities handling data loading and geometry computation. Specifically, `d3.csv` fetches the color data, while `d3.pie` and `d3.arc` compute the angular and radial paths for each wedge, which are then filled with their corresponding hex values from the dataset.

AI-generated description

A program that loads in some [data about CSS named colors] (https://gist.github.com/curran/b236990081a24761f7000567094914e0) using D3 utilities, and uses React to render the data as radial burst!.