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)

1fc3d7de6fa241ad8e4d9a87e7e410e6

Fork of Loading Data with React & D3

0 stars0🌍 Public
JJean David
Last edited Apr 9, 2021
Created on Apr 9, 2021

This visualization demonstrates a minimal React and D3 integration that loads a CSV dataset of CSS named colors and displays its summary statistics. The app fetches the data using D3’s `csv` function within a React effect hook, then uses React state to manage the loaded data. Once fetched, the code formats a message with `d3.csvFormat` to report the file size in kilobytes, row count, and column count. During loading, the interface shows a “Loading...” message, and the final output is rendered as large monospace text using React’s `useState` and `useEffect` hooks.

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.