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)

d7dc1bfc14654f0aa7086bb85ad10914

Fork of Loading Data with React & D3

0 stars0🌍 Public
Sssarowar
Last edited Apr 5, 2022
Created on Apr 5, 2022

This example demonstrates how React and D3 can work together to load and summarize a dataset of cars. The application fetches a CSV file from a GitHub gist using D3’s `csv` method and stores the parsed result in React state via the `useState` and `useEffect` hooks. Once loaded, it displays a text summary—computed with `d3.csvFormat`—showing the file size in kilobytes, the number of rows, and the number of columns. While the data is pending, the interface shows a "Loading..." message.

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.