Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading Data with Reach & D3

Public visualization

Viewing a saved revision (read-only)

4317f9541ee942eaab33070c37ed7cd5

Loading Data with Reach & D3

0 stars0🌍 Public
Iisavedalex
Last edited Jun 7, 2021
Created on Jun 7, 2021
Forked from Mouse Follower

This example demonstrates how to load and summarize a CSV dataset in a React application using D3 utilities. It displays the file size, row count, and column count from a CSS named colors dataset loaded via `d3.csv`. The app uses React hooks (`useState`, `useEffect`) to manage asynchronous data loading and render a loading message until the data arrives, with the result formatted using `d3.csvFormat`. The visualization relies on React 16.9 and D3 v6, with data fetched from a GitHub gist URL.

AI-generated description

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