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
Pplusbeauxjours
Last edited Sep 12, 2021
Created on Sep 12, 2021

A radial burst chart displays CSS named colors as equal-width slices arranged in a circle, each filled with its corresponding hex value. The visualization loads color data from a CSV file using D3’s `csv` utility, then processes it with the `pie` layout and renders each slice as an SVG `path` via the `arc` generator. React manages the component state and lifecycle, with `useState` for the fetched data and `useEffect` for the asynchronous data loading, while D3 v5 provides the data parsing and geometry calculations.

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