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)

1fec9b6d730c49b3ab482d3429a2c04f

Loading data with react & d3

0 stars0🌍 Public
Aazharahmad0
Last edited Mar 25, 2021
Created on Mar 21, 2021
Forked from Mouse Follower

This example demonstrates how to load external CSV data with d3.csv and manage it through React state. It displays a text summary showing the dataset’s row count, column count, and approximate file size in kilobytes. The visualization uses React hooks (useState and useEffect) to fetch and store the data, while the d3.csv utility retrieves the named colors from a GitHub gist. The result renders as plain text in a pre element using ReactDOM.

AI-generated description

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