Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Rendering Data with React & D3

Public visualization

Fork of Rendering Data with React & D3

0 stars0🌍 Public
JJoakim Warholm
Last edited Jun 17, 2021
Created on Jun 17, 2021

A radial burst of CSS named colors, loaded from a CSV file, fills an SVG canvas as hundreds of wedge-shaped paths radiating from the center. React 16.9 manages the component state and rendering, while D3 v5 utilities `csv`, `pie`, and `arc` handle data loading, angle computation, and path generation. Each slice’s fill color comes directly from the dataset’s RGB hex values, with the outer radius set to the full viewport width.

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