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)

200d89cb124143b1b81e3864d13030c7

Fork of Loading Data with React & D3

0 stars0🌍 Public
Llingfa
Last edited Oct 27, 2022
Created on Oct 27, 2022

This example displays summary statistics for a dataset of CSS named colors, showing the file size in kilobytes, row count, and column count. A React application uses the `useState`, `useEffect`, and `useCallback` hooks to manage data loading, while D3’s `csv` function fetches and parses a remote CSV file from a GitHub gist. The computed metrics are rendered in a large `<pre>` element, with a “Loading…” placeholder shown until the asynchronous fetch completes.

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.