Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Load Data w/ react and d3 Mouse Follower

Public visualization

Viewing a saved revision (read-only)

9efaa76d660b44fa937f4c9c722d9fdb

Load Data w/ react and d3 Mouse Follower

0 stars0🌍 Public
Ssucotton9
Last edited Jul 14, 2021
Created on Jul 12, 2021
Forked from Mouse Follower

This example displays the number of rows and columns in a CSV dataset as large text, initially showing “loading…” before updating once data arrives. It uses React’s `useState` hook to hold the parsed data and `d3.csv` for loading from a remote GitHub gist URL. The app also fetches the same URL with `fetch` and parses the text via `d3.csvParse` for logging. The `message` helper computes the row and column counts displayed in a `<pre>` element.

AI-generated description

loads data usinf D3 and uses react state to keep track of data