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)

07fdcbf54ef54ee7ad9099f5599b4450

Fork of Loading Data with React & D3

0 stars0🌍 Public
RRoberto
Last edited Jul 14, 2023
Created on Jul 14, 2023

This example demonstrates how to load and summarize CSS named color data using D3 utilities within a React component. It fetches a CSV file from a GitHub gist using `d3.csv` and stores the parsed data in React state via the `useState` and `useEffect` hooks. The rendered output displays a text summary of the dataset, including its size in kilobytes (computed with `d3.csvFormat`), row count, and column count. The interface switches from a "Loading..." message to the summary once the data arrives, showcasing integration of D3 data loading with React state management.

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.