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)

a971483257444af1b16df3ea9c4cd863

Fork of Loading Data with React & D3

0 stars0🌍 Public
AAnthony Le
Last edited Jul 30, 2024
Created on Jul 30, 2024

This example displays key statistics about a dataset of CSS named colors, including its size in kilobytes, row count, and column count. Using React state, the application loads the data asynchronously from a remote CSV file via D3’s `csv` utility, updating the display once the data arrives. The rendered output is a large `pre` element showing a loading message before the statistics appear, computed using `d3.csvFormat` and `data.length` and `data.columns.length`.

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.