Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading Data with React and D3

Public visualization

Loading Data with React and D3

0 stars1🌍 Public
OOlof Ollerstam
Last edited Mar 30, 2021
Created on Mar 18, 2021
Forked from Mouse Follower

This example demonstrates a minimal React application that leverages D3's `csv` utility to fetch a remote dataset of CSS named colors. The interface initially displays a "Loading..." message, then presents a concise summary of the file's size in kilobytes, row count, and column count. React's `useState` and `useEffect` hooks manage the asynchronous data loading, while a custom `message` function formats the derived statistics. The page uses the `react` and `react-dom` libraries for component rendering, with the data retrieved from a raw GitHub Gist URL.

AI-generated description

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

Comments

Sign in to join the discussion.

MIT Licensed