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
SSamir Nandardhane
Last edited May 16, 2023
Created on May 16, 2023

This example shows the size of a CSS named colors dataset by displaying its byte count, row count, and column count as large text. It loads the data from a local CSV file using the `csv` function from D3 v5, then uses React hooks `useState` and `useEffect` to manage the asynchronous data loading and trigger a re-render. The `message` function computes the statistics with `d3.csvFormat` and `data.columns`, displaying a loading message until the data arrives. The visualization relies on React 16.9 and D3 for data parsing and formatting.

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