Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading Data with React & D3

Public visualization

Loading Data with React & D3

0 stars1🌍 Public
BBen Seebeck
Last edited Nov 4, 2021
Created on Nov 4, 2021
Forked from Mouse Follower

This example demonstrates how to integrate D3's data-loading utilities with React's state management. It fetches a CSV file containing CSS named colors from a GitHub gist, then displays a summary of the loaded data. The visualization renders a text message showing the file size in kilobytes, row count, and column count. The code uses React's `useState` and `useEffect` hooks, along with D3's `csv` function for parsing and `csvFormat` for calculating file size.

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.

Comments

Sign in to join the discussion.

MIT Licensed