Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Loading Data with React & D3

Public visualization

Viewing a saved revision (read-only)

f8a9f2a3048a4caf87f6ac44c5f592ce

Fork of Loading Data with React & D3

0 stars0🌍 Public
YYeeleng Scott Vang
Last edited Jun 6, 2023
Created on Jun 6, 2023

This example shows a minimal React application that loads CSS named color data from a CSV file and displays summary statistics about the dataset. The code uses D3’s `csv` utility in a React `useEffect` hook to fetch the data, then stores it in state via `useState`. The rendered output presents the file size in kilobytes, row count, and column count using `d3.csvFormat`. While loading, the interface displays a simple “Loading...” message before the statistics appear.

AI-generated description

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