Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading data with react and d3

Public visualization

Viewing a saved revision (read-only)

3e300770f3824e438c9b511fb3ade29b

Loading data with react and d3

0 stars1🌍 Public
AAmine HAMOU
Last edited Aug 14, 2021
Created on Aug 13, 2021
Forked from Mouse Follower

This example demonstrates how React and D3 work together to load and summarize a CSV dataset of CSS named colors. The visualization displays a text summary showing the file size, number of columns, and row count once the data has been fetched. It uses React’s `useState` and `useEffect` hooks to manage asynchronous data loading, while `d3.csv` retrieves and parses the remote data. The `d3.csvFormat` API calculates the formatted data size, and ReactDOM renders the final message.

AI-generated description

A program that loads in some data aboutt css named colors using d3 utilities, and uses React state to keep track of the data