Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading Data with React

Public visualization

Loading Data with React

0 stars1🌍 Public
JJun Suzuki
Last edited Nov 16, 2021
Created on Nov 15, 2021
Forked from Mouse Follower

This example demonstrates how to load a dataset of CSS named colors using D3 utilities within a React application. The interface displays the dataset’s size in kilobytes, row count, and column count as large text on a blank canvas. React state manages the loaded data, with the `useState` hook storing the result and the `useEffect` hook triggering the asynchronous `d3.csv` fetch from a GitHub gist URL. The code uses React 17, D3 v7, and renders the summary information as SVG text.

AI-generated description

A program that loads in data about CSS named colors using D3 utilities and uses React state to keep track of the data.

Comments

Sign in to join the discussion.

MIT Licensed