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)

0a03e908a1a042a4a5cc79fdeb35824e

Fork of Loading Data with React & D3

0 stars0🌍 Public
PPratik Raja
Last edited Aug 4, 2024
Created on Aug 4, 2024

This example displays a summary of CSS named color data, showing the file size in kilobytes, row count, and column count as plain text. It uses React hooks (`useState`, `useEffect`) to manage asynchronous data loading, while D3’s `csv` function fetches the remote dataset. The `message` utility formats the statistics via `d3.csvFormat` and string concatenation. The interface toggles between a “Loading…” state and the computed metrics once the data arrives, rendering the result inside a large `<pre>` 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.