Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Loading Data with React & D3

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed