Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Loading Data with React & D3

Public visualization

Viewing a saved revision (read-only)

33fb3ec63cd04ab39e6f25f93d12672f

Fork of Loading Data with React & D3

0 stars0🌍 Public
Aakarki79
Last edited Jul 26, 2021
Created on Jul 26, 2021

This example demonstrates how to load and summarize a CSV dataset using React and D3. It fetches CSS named colors data from a GitHub gist via `d3.csv`, stores the parsed result in React state with the `useState` and `useEffect` hooks, and displays a loading message until the data arrives. The rendered output shows the data size in kilobytes, row count, and column count, computed using `d3.csvFormat`. The app uses React 16.9, D3 v5, and renders into a DOM root element.

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.