Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a Bar Chart with React & D3

Public visualization

Viewing a saved revision (read-only)

869147954d6a4924b756aed6e6aa2ded

Making a Bar Chart with React & D3

0 stars0🌍 Public
Aabhashdiu
Last edited Oct 5, 2022
Created on Oct 5, 2022

This visualization displays every CSS named color as a wedge in a radial burst, using D3’s `csv` loader to fetch data from a GitHub gist and `pie` and `arc` to compute the angles and paths. React renders each wedge as an SVG `<path>` with its fill set to the color’s hex value. The example demonstrates a simple integration where D3 handles data parsing and geometry while React manages the component state and DOM updates.

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!