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)

c3c8349370f54b71a23044c3a1e57f02

Fork of Loading Data with React & D3

0 stars1🌍 Public
Ssd2beatles
Last edited Jun 18, 2021
Created on Jun 18, 2021

This example demonstrates how to load and summarize a CSV dataset of CSS named colors. It displays a text summary showing the data size in kilobytes, row count, and column count, or shows "Loading..." while fetching. The visualization uses React hooks (`useState`, `useEffect`) to manage asynchronous loading, and the D3 `csv` function to parse the remote data. The summary text is generated by a custom `message` function that uses D3’s `csvFormat` to calculate byte length.

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.