Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 React Starter

Public visualization

Viewing a saved revision (read-only)

9a81a0105a27498c88656957a3cd94fa

D3 React Starter

0 stars0🌍 Public
LLydia Francis
Last edited Jun 19, 2024
Created on Jun 18, 2024
Forked from React Starter

This example demonstrates a minimal React and D3 integration that loads a CSV file and displays its metadata—file size, row count, and column count—as plain text. The app uses React hooks (`useState` and `useEffect`) to fetch data asynchronously via `d3.csv` from a GitHub gist URL, then formats and renders the statistics in a `<pre>` element. The code initializes a React root with `createRoot`, while D3 v7 handles the CSV parsing, showing how the two libraries can work together for data loading and display.

AI-generated description

React Starter code.