Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading Data with React & D3

Public visualization

Viewing a saved revision (read-only)

c22fc394397142a692eb7e0d56050f3a

Loading Data with React & D3

0 stars0🌍 Public
Yyungchiau
Last edited Jan 15, 2022
Created on Jan 15, 2022
Forked from Mouse Moving

This example demonstrates asynchronous data loading in a React component using D3’s `csv` function to fetch a named-color dataset from a GitHub gist. The app renders a text summary displaying the data size in kilobytes, row count, and column count once the CSV arrives, with a loading message before completion. It uses React hooks (`useState`) to manage state and invokes `d3.csv` within the component. The visualization is minimal, showing only a `<pre>` element with dynamic text, originally intended to accompany a "following circle" SVG sketch visible in the HTML comments.

AI-generated description

make a following circle