Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Rendering Data with React & D3

Public visualization

Fork of Fork of Rendering Data with React & D3

0 stars0🌍 Public
Rredeath96
Last edited Feb 22, 2022
Created on Feb 22, 2022

This example shows a radial burst visualization of CSS named colors, where each color from the dataset is rendered as a wedge-shaped path emanating from the center of an SVG. React manages the component state, using the `useState` and `useEffect` hooks to asynchronously load the CSV data via `d3.csv`. The `d3.pie` function arranges the data into angular segments, while `d3.arc` generates the SVG path geometries for each colored slice. All rendering happens declaratively in React, with D3 serving only to compute the layout and shapes.

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