Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Load data with react & D3

Public visualization

Load data with react & D3

0 stars0🌍 Public
Sshapak26
Last edited Nov 14, 2021
Created on Nov 7, 2021

This example demonstrates loading a remote CSV dataset and displaying its summary statistics using React and D3. The React component uses the `useState` and `useEffect` hooks to fetch color data from a GitHub gist via `d3.csv`, then renders a headline showing the file size, row count, and column count once loaded. A yellow smiley face with eyes and a mouth is drawn as static SVG markup, though it is commented out in the HTML. The visualization updates from a "loading" message to the data summary asynchronously.

AI-generated description

Smiley face implementation with React.

Comments

Sign in to join the discussion.

MIT Licensed