Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading Data with react

Public visualization

Loading Data with react

0 stars0🌍 Public
MMrunal Saoji
Last edited Dec 1, 2021
Created on Nov 30, 2021
Forked from Mouse Follower

This example demonstrates how to load CSV data in a React application using D3’s `csv` utility and manage it with the `useState` and `useEffect` hooks. It displays a text summary showing the data size in kilobytes, row count, and column count via a custom `message` function. The visualization uses `d3.csvFormat` to compute file size and React 17 with D3 v7, fetching data from a GitHub gist URL. While loading, the interface shows a “Loading...” message before rendering the statistics.

AI-generated description

A program that load some data from d3 utiliety and use React state to keep track of it.

Comments

Sign in to join the discussion.

MIT Licensed