Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading data with react and d3

Public visualization

Loading data with react and d3

0 stars1🌍 Public
JJonas Carvalho
Last edited Apr 7, 2021
Created on Apr 4, 2021
Forked from Mouse-follower

This example shows a stylized face built from SVG shapes, with a loading message that reports the size, column count, and row count of a remote CSV dataset. The face includes gradient-filled eyes, an arc-based mouth, and a specular lighting filter, all rendered through React components. Data is fetched asynchronously using `d3.csv` inside a `useEffect` hook, and the loading summary is computed with `d3.csvFormat` and displayed in a `<pre>` element. The visualization demonstrates integrating D3’s data-loading and formatting utilities with React state and SVG rendering.

AI-generated description

Loading data with d3 and using react

Comments

Sign in to join the discussion.

MIT Licensed