Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading data w react and d3

Public visualization

Viewing a saved revision (read-only)

69dfa8a1aed44ef59292089ca07c6822

Loading data w react and d3

0 stars0🌍 Public
SSemyon
Last edited Jul 2, 2021
Created on Jul 2, 2021

This example shows a minimalist data-loading status display. The React component initially renders "Loading..." and, once fetched, presents a three-line summary of the loaded CSV data, including its size in kilobytes, row count, and column count. The data is loaded from a remote GitHub source using D3’s `csv` function, with the summary computed by the `message` function in `message.js`. A large `<pre>` element displays the resulting text, with the visualization’s size set to the full browser window. The code integrates React with D3 v7 via the `useEffect` hook and state management, rendering all output through standard SVG elements.

AI-generated description

Smiley face implementation with React.