Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading Data in React using D3

Public visualization

Loading Data in React using D3

0 stars1🌍 Public
Nnpelliccia
Last edited Jul 30, 2021
Created on Jul 28, 2021
Forked from Mouse Follower

This example demonstrates how to load external CSV data into a React component using D3 utilities and React state. The application fetches a CSS named colors dataset from a GitHub gist via `d3.csv` and stores the parsed result in React’s `useState` hook, triggered by `useEffect`. While loading, the interface displays the text “Loading…”; once the data arrives, it calculates and shows the file size in kilobytes, the row count, and the column count using `d3.csvFormat` and the dataset’s metadata properties. The code relies on React 16.9 hooks and D3 v5.

AI-generated description

A program that loads CSV data into react using D3 utilities and React State

Comments

Sign in to join the discussion.

MIT Licensed