Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading Data with React

Public visualization

Viewing a saved revision (read-only)

ad03f4898cf34c0899e7c5cb96246765

Loading Data with React

0 stars0🌍 Public
YYodae Lim
Last edited Aug 21, 2023
Created on Aug 21, 2023
Forked from Mouse Follower

This example demonstrates how to load and display a CSV dataset using D3 utilities within a React application. It fetches a list of CSS named colors from a GitHub gist, tracks the loaded data in React state, and shows a summary message with file size, row count, and column count. The code uses `d3.csv` for parsing, `d3.csvFormat` for size calculation, and React's `useState` and `useEffect` hooks to manage the asynchronous data loading. The visualization is purely text-based, rendering the summary in a large font.

AI-generated description

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