Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading Data with React & D3

Public visualization

Loading Data with React & D3

0 stars0🌍 Public
MMaxene Graze
Last edited Aug 15, 2020
Created on Aug 15, 2020

This example demonstrates a minimal React application that loads a CSV dataset of CSS named colors using D3’s `csv` utility and displays a summary of the data as plain text. The app uses React state to track the loading process, initially showing “Loading...” and then rendering a message with the formatted file size in kilobytes, the row count, and the column count. The message is composed by the `message` function, which also relies on D3’s `csvFormat` to estimate the data’s size. The visualization is purely textual, with a large font, and does not plot the colors themselves.

AI-generated description

A program that loads in some 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