Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a Bar Chart with React & D3

Public visualization

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!

Comments

Sign in to join the discussion.

MIT Licensed