Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading Data with React & D3

Public visualization

Viewing a saved revision (read-only)

ba42a8c7589743348f2060c3f72d71f1

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.