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 stars1🌍 Public
Mmbooch22
Last edited Feb 11, 2022
Created on Feb 11, 2022
Forked from Mouse Follower

This example demonstrates the loading of a CSV dataset within a React application, displaying a summary message that reports the file size in kilobytes, row count, and column count. The interface initially shows a loading state and updates once the data is fetched. The code combines React’s `useState` and `useEffect` hooks with the `d3.csv` function from D3 v7, and uses `d3.csvFormat` within the message utility to compute data size. The visualization renders as an SVG container, though the output is text-based.

AI-generated description

Smiley face implementation with React.

Comments

Sign in to join the discussion.

MIT Licensed