Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Data Loading with D3 and React

Public visualization

Viewing a saved revision (read-only)

9b69150b27b4495a8ff3ac5b94e4797b

Data Loading with D3 and React

0 stars0🌍 Public
DDeborahVdeV
Last edited Mar 17, 2021
Created on Mar 16, 2021
Forked from Mouse Follower

This example demonstrates asynchronous data loading in a React application using D3. It fetches a CSV file from Google Sheets and displays the file’s size in kilobytes, row count, and column count as text on the screen. The code uses the `useState` and `useEffect` hooks to manage the loading state and calls `d3.csv` to parse the remote data. React renders the resulting summary message via `ReactDOM.render`, with a simple `<pre>` element showing “loading…” until the data arrives.

AI-generated description