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 stars1๐ŸŒ Public
AAga Domanska
Last edited Nov 30, 2023
Created on Nov 30, 2023

This visualization displays all CSS named colors as a radial burst, with each color represented by a wedge arranged around a central point. The code loads color data from a GitHub-hosted CSV file using D3's `csv` utility, then employs React to render an SVG containing the arcs. The `d3.pie` function partitions the data into equal segments, while `d3.arc` calculates the path geometry for each colored wedge. React's `useState` and `useEffect` hooks manage the asynchronous data loading and rendering pipeline.

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