Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Loading data with React & D3

Public visualization

Fork of Loading data with React & D3

0 stars0🌍 Public
RRuanzhenglin
Last edited Apr 14, 2021
Created on Apr 14, 2021

This example demonstrates the fundamental pattern of integrating D3 data loading with React state management. It displays a text summary showing the size, row count, and column count of a CSV file containing CSS named colors, loaded from a GitHub gist via `d3.csv`. The application uses React hooks (`useState`, `useEffect`) to trigger the asynchronous data fetch and render the results, while a helper function in `message.js` formats the statistics using `d3.csvFormat` and string concatenation. The rendered output is a simple `<pre>` element displaying the calculated metrics.

AI-generated description

Half way towards a smiley face

Comments

Sign in to join the discussion.

MIT Licensed