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)

4f60a7e5cf8b4fddb5f55bf2f22a87c7

Loading Data with React and D3

0 stars1🌍 Public
Cchrismeeky
Last edited Oct 17, 2021
Created on Oct 17, 2021
Forked from Mouse follower

This example shows an app that loads CSS named color data from a gist CSV file using the D3 `csv` function and displays summary statistics about the dataset in a large `<pre>` element. React's `useState` and `useEffect` hooks manage the asynchronous data loading, rendering a "loading" message until the data arrives. The page also contains reusable SVG face components—including a yellow background circle, eyes, and a D3 arc-based mouth—composed through React props, though the visible output simply reports the data's size in kilobytes, column count, and row count.

AI-generated description

A program that uses D3 utilities to load in some data and uses React's useState to keep track of the data