Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

E16 Loading Data with React & D3

Public visualization

Viewing a saved revision (read-only)

8aa28bf19f5d4400b2f77654299da65d

E16 Loading Data with React & D3

0 stars1🌍 Public
VVanessa
Last edited Jan 31, 2021
Created on Jan 31, 2021
Forked from E14 Mouse Follower

This example demonstrates how to load and summarize a CSV dataset using React state and D3 utilities. It fetches public transport performance data for New Zealand regions via the `csv` function from D3 v6, storing the parsed result in React’s `useState` hook. While loading, the view displays "loading..."; once the data arrives, it renders a text summary via `message.js`, showing the file size in kilobytes, row count, and column count. The visualization is purely textual, output in a large `<pre>` block with no graphical SVG elements.

AI-generated description

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