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)

c3d02fb806634b469a66e796cc095599

Loading Data with React and D3

0 stars1🌍 Public
CChira Cezara Victoria
Last edited Oct 2, 2021
Created on Oct 2, 2021
Forked from Mouse Follower

This example demonstrates how to load and summarize a CSV dataset of CSS named colors using React and D3. The app fetches the data via D3’s `csv` function within a React `useEffect` hook, then displays a text message indicating the number of columns, rows, and file size in kilobytes. The rendering is a simple SVG-based React component that shows the loading state until the data arrives, relying on the `d3.csvFormat` method to calculate the data size.

AI-generated description

A program that loads [data about CSS named colors] (https://gist.github.com/VictoriaC1/6cea376d5ac35c4eb33484ce7afe6c43) using D3 & React