Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading Data with React & D3

Public visualization

Loading Data with React & D3

0 stars0🌍 Public
Nnghosh319
Last edited May 5, 2023
Created on May 5, 2023

This example demonstrates how to load external data into a React application using D3 utilities. The visualization displays a text summary of CSS named colors data fetched from a GitHub gist, showing the file size in kilobytes, row count, and column count. The code uses React hooks like `useState` and `useEffect` to manage asynchronous data loading, while `d3.csv` parses the CSV file and `d3.csvFormat` measures its size. A fallback "Loading..." message appears until the data arrives.

AI-generated description

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

Comments

Sign in to join the discussion.

MIT Licensed