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)

6b37acef24d1401085481d8924f8e1fd

Fork of Loading Data with React & D3

0 stars0🌍 Public
WWinnie Wei
Last edited May 24, 2021
Created on May 24, 2021

This example demonstrates loading CSS named color data from a CSV file and displaying a summary of its size, row count, and column count. The code uses React hooks (`useState`, `useEffect`) to manage asynchronous data fetching with the D3 `csv` utility. Once loaded, the data is formatted into a text message using `d3.csvFormat` to calculate its size in kilobytes. The interface shows a simple text summary, with a "Loading..." placeholder until the 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.