Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading Data with React

Public visualization

Viewing a saved revision (read-only)

0bc659c842df4282877b1e64a274c0d8

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.