Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

d3 & react: loading data

Public visualization

Viewing a saved revision (read-only)

b52ebc6a4ce94819b1055ae08ecc04d1

d3 & react: loading data

0 stars0🌍 Public
Wwannurmawaddah
Last edited Sep 29, 2020
Created on Sep 29, 2020

This example demonstrates how to load CSV data with D3 and manage it using React state. The app fetches a dataset of CSS named colors from a GitHub gist via `d3.csv`, stores it in React's `useState`, and renders a summary message with `d3.csvFormat` displaying file size, row count, and column count. While the data loads, it displays "Loading...". The integration uses React hooks (`useEffect`, `useState`) alongside D3 v6 utilities.

AI-generated description

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

--
Datavis 2020 #16