Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 with react

Public visualization

D3 with react

0 stars0🌍 Public
JJasmyne Okudo
Last edited Oct 15, 2022
Created on Oct 15, 2022
Forked from React Starter

This example demonstrates a simple data summary using D3 and React. It loads a CSV file of CSS named colors and displays its size, row count, and column count as large text. The code uses React’s `useState` and `useEffect` to manage the asynchronous data loading, with `d3.csv` fetching the data from a GitHub gist and `d3.csvFormat` measuring the payload in kilobytes. The rendered output updates from “loading” to the formatted message once the data arrives, showing integration of D3’s parsing utilities within a React component lifecycle.

AI-generated description

A program that loads in some data using D3 utilities, and uses react state to keep track of the data.

Comments

Sign in to join the discussion.

MIT Licensed