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 stars0🌍 Public
SSimmer999
Last edited Feb 28, 2021
Created on Feb 28, 2021
Forked from Mouse Follower

This example demonstrates how to load and summarize a CSV dataset using React hooks and D3. The React component displays the data’s file size in kilobytes, row count, and column count after fetching it from a GitHub gist via `d3.csv`. While the data loads, the screen shows “Loading…” until the asynchronous operation completes. The code uses `useState` and `useEffect` to manage state and trigger the CSV request, then formats the result with `d3.csvFormat`. The output is rendered as an SVG-less `<pre>` element.

AI-generated description

A program that follows your mouse with acircle.

Comments

Sign in to join the discussion.

MIT Licensed