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)

b3a34992a3c948a09993488fd57e5729

Loading Data with React & D3

0 stars1🌍 Public
Ppsabela
Last edited Nov 27, 2020
Created on Nov 26, 2020
Forked from Mouse Follower

This example demonstrates how to load external CSV data into a React application using D3’s `csv` method, then display a summary of the dataset’s size and structure. The React `useEffect` hook fetches the CSV from a GitHub gist, storing the parsed data in state via `useState`. Once loaded, the `message` function formats the output using `d3.csvFormat` to calculate file size in kilobytes, alongside row and column counts. The interface shows the text summary inside an HTML `<pre>` element, with a simple “loading” placeholder before data arrives.

AI-generated description

A program that follow a mouse with a circle HTML page.