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)

7965f0add2214093a0a918ac6e9a90b3

Loading Data with react & D3

0 stars0🌍 Public
SShasvathan Pathmanaban
Last edited Nov 14, 2021
Created on Nov 14, 2021
Forked from Smilly face

This example displays a text summary of a CSV dataset’s size and structure in a large, full-screen `<pre>` element, updating after the data finishes loading. It uses React hooks (`useState`, `useEffect`) to manage the asynchronous data fetch, while `d3.csv` loads the CSS named color data from a GitHub gist URL. The `Message.js` utility computes the file size in kilobytes, row count, and column count using `d3.csvFormat`, then renders the result with React DOM.

AI-generated description

A program that load in some data using D3 utilities