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 stars1🌍 Public
RRajat Dangat
Last edited Mar 26, 2021
Created on Mar 25, 2021
Forked from Mouse Follower

This example demonstrates how to load external data in a React application using D3 utilities, displaying a summary of the dataset’s size, row count, and column count. The visualization fetches a CSV file of CSS named colors via `d3.csv` and manages the asynchronous result with React’s `useState` and `useEffect` hooks. Once loaded, the data is formatted using `d3.csvFormat` to compute its size in kilobytes, while React renders the resulting text statistics as SVG content.

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