Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Data with React D3

Public visualization

Data with React D3

0 stars0🌍 Public
CCesar R Castillo
Last edited Jan 15, 2022
Created on Jan 15, 2022
Forked from Mouse Follow

This example demonstrates how D3 and React can work together to load and summarize external data. It fetches a CSV file of PR boxers using D3’s `csv` method, then displays the dataset’s size in kilobytes, row count, and column count as plain text. The React `useState` and `useEffect` hooks manage the asynchronous data loading, while a custom `buildMessage` function formats the information. The visualization is rendered as an SVG-less `<pre>` element, showing a minimal text-based summary rather than charts.

AI-generated description

Use React to load data

Comments

Sign in to join the discussion.

MIT Licensed