Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Rendering Data with React

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

565d9b02d022444492f950e6d5553b1b

Open

Rendering Data with React

0 stars1🌍 Public
MMinh Luong
Last edited Jan 8, 2022
Created on Jan 8, 2022

This visualization displays a pie chart of CSS named colors, loaded from a CSV file. Using D3 utilities such as `csv` and `pie`, the data feeds a React application that renders SVG paths, with each segment's fill color mapped to its corresponding hex value. React state manages the asynchronous data loading and rendering lifecycle.

AI-generated description

A program that loads in some data using D3 utilities, and uses React state to keep track of the data.