Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

loading data in react

Public visualization

loading data in react

0 stars1🌍 Public
882MARY
Last edited Apr 30, 2021
Created on Apr 27, 2021
Forked from dot Follower

This example demonstrates how to load and display CSV data within a React component, using React state to manage the asynchronous data-fetching lifecycle. The app fetches a dataset of CSS named colors via `d3.csv`, then renders a summary message showing the data’s size in kilobytes, row count, and column count. The example highlights the integration of D3’s data-loading utilities with React hooks like `useState` and `useEffect`, and relies on a simple SVG-less `<pre>` element for output while the data is loading or ready.

AI-generated description

A program that loads 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