Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Loading Data with React and D3

Public visualization

Viewing a saved revision (read-only)

3ec529f539c64ce7858be84bd25c12a0

Fork of Fork of Loading Data with React and D3

0 stars0🌍 Public
AAlexalim28
Last edited Jul 30, 2021
Created on Jul 30, 2021

This example loads a CSV of CSS named colors and displays a summary of the dataset’s size, row count, and column count in large text. It demonstrates combining React state management with D3’s data-loading utilities, specifically `d3.csv`, to fetch external data asynchronously. The visualization uses the `useState` and `useEffect` hooks to trigger the data request and update the rendered message, while `d3.csvFormat` calculates the file size for display. The raw data comes from a GitHub-hosted gist and is rendered as text without any graphical chart.

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 data.