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)

396540a8c69b4337a7987782450c65ed

Fork of Loading Data with React & D3

0 stars0🌍 Public
CCorey Rodgers
Last edited Aug 29, 2022
Created on Aug 29, 2022

This example demonstrates loading a dataset of CSS named colors from a GitHub gist using D3’s `csv` utility, then managing the asynchronous result with React’s `useState` and `useEffect` hooks. While data loads, the interface displays the text “Loading,” and once fetched, it shows the raw parsed data as a string. The visualization is minimal, presenting the data directly without any charting or rendering, and relies on React 16.9 and D3 v5, with a small helper module that formats loading statistics such as file size and row/column counts.

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.