Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading Data with React & D3

Public visualization

Viewing a saved revision (read-only)

44e849dfa73d41e38b107d7b8f9ee1a1

Loading Data with React & D3

0 stars0🌍 Public
ZZaynaib (Ola) Giwa
Last edited Nov 30, 2020
Created on Nov 30, 2020
Forked from Mouse Follower

This example demonstrates how to load external data in a React application using D3 utilities, displaying file size, row count, and column count for a CSV of named CSS colors. The app fetches data from a GitHub gist via `d3.csv`, stores it in React state with the `useState` hook, and updates the view once loading completes. React 16.9 and D3 v5 are loaded from CDNs, with ReactDOM rendering a single `<pre>` element that shows “loading” until the asynchronous CSV request resolves and the message function formats the dataset’s metrics.

AI-generated description

A program that loads in some data using D3 utilities, and uses React state to keep track of the Data.