Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Load data with React using D3

Public visualization

Load data with React using D3

0 stars1🌍 Public
Dducan114
Last edited Dec 27, 2021
Created on Dec 27, 2021

This example demonstrates how to load and display a CSV dataset in a React application, summarizing the data’s size and schema. It uses React hooks `useState` and `useEffect` to manage asynchronous data loading, with D3’s `csv` function fetching the data from a remote gist URL. The loaded dataset is passed to a formatting function that uses `csvFormat` to compute the file size in kilobytes, row count, and column count, which are rendered as text. The example highlights the integration of D3’s data-loading utilities within a React component lifecycle.

AI-generated description

Smiley face implementation with React.

Comments

Sign in to join the discussion.

MIT Licensed