Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading Data with React & D3

Public visualization

Viewing a saved revision (read-only)

fe0731c650cf4bdb809c7a70d1cf17e4

Loading Data with React & D3

0 stars238🌍 Public
CCurran Kelleher
Last edited Nov 17, 2019
Created on Sep 12, 2019
Forked from Mouse Follower

This visualization demonstrates how to load and summarize a dataset of CSS named colors using React and D3. It shows the file size in kilobytes, row count, and column count of the data, displayed in a large text block. The code uses React’s `useState` and `useEffect` hooks to manage asynchronous loading, and D3’s `csv` function to fetch the remote CSV file. The `message` utility constructs the summary from the parsed data, while React renders the result or a "Loading..." placeholder.

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.