Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Rendering Data with React

Public visualization

Viewing a saved revision (read-only)

0b7bc2f983f44e71aa9997dd8c9b6e6a

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.