Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading CSV with React and D3

Public visualization

Viewing a saved revision (read-only)

f31729b502a844368193a0c3e361c23b

Loading CSV with React and D3

0 stars0🌍 Public
GGuido Perdomo
Last edited Jun 7, 2021
Created on Jun 4, 2021
Forked from Mouse Follower

This example demonstrates how to load and parse CSV data with D3 and render the results using React. The application fetches a CSV file containing CSS named colors from a GitHub gist, then displays the dataset’s size in kilobytes, column count, and row count as styled text paragraphs. It uses React hooks like `useState` and `useEffect` to manage the asynchronous data loading, and D3’s `csv` and `csvFormat` functions to parse and measure the data. A loading message appears until the data arrives.

AI-generated description

A program that fetches CSV data, parses it with D3 and finally renders it with React.