Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork - Data, D3, React

Public visualization

Viewing a saved revision (read-only)

b8716a08788d48588a0bdbb2500ff021

Fork - Data, D3, React

0 stars0🌍 Public
SScott Kanning
Last edited Apr 18, 2024
Created on Apr 18, 2024

This example demonstrates how to load and summarize CSV data by combining D3 data utilities with React state management. The code uses D3's `csv` function to fetch a dataset of CSS named colors, then displays a text summary showing the file size in kilobytes, row count, and column count. React's `useState` and `useEffect` hooks manage the asynchronous data loading, with a "Loading..." message shown before the data arrives. The visualization is rendered as SVG in a minimal interface that dynamically updates once the data is parsed.

AI-generated description

Program follows mouse with circle