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)

601885a24ff2461a808a4030f6a9b07c

Fork of Loading Data with React & D3

0 stars0🌍 Public
NNavaneeth-Ragi
Last edited Feb 28, 2023
Created on Feb 28, 2023

This example demonstrates how to visually summarize a dataset of CSS named colors by displaying its size in kilobytes, row count, and column count as large text. It loads the CSV data from a GitHub gist using the D3 `csv` function, while React manages the asynchronous state with hooks like `useState` and `useEffect`. The app renders a loading message until the data arrives, then displays the statistics using a custom message function. The visualization integrates React 16.9 with D3 v5, showing how to combine both libraries for data-driven UI updates.

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.