Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading Data with React & D3

Public visualization

Loading Data with React & D3

0 stars1🌍 Public
Ttrissentety
Last edited Feb 4, 2023
Created on Feb 3, 2023
Forked from Mouse Follower

This example demonstrates a minimalist loading screen that displays only text statistics about a CSV file. It shows the file size in kilobytes, the number of rows, and the number of columns after fetching the data. The visualization uses React’s `useState` and `useEffect` hooks to manage asynchronous data loading, with D3’s `csv` function retrieving the dataset from a GitHub gist URL. The `d3.csvFormat` API calculates the data size, while the message module processes the fetched table to extract row and column counts.

AI-generated description

Program that loads data using D3 utilities and uses React state to keep tack of the data.

Comments

Sign in to join the discussion.

MIT Licensed