Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading and Parsing CSV

Public visualization

Viewing a saved revision (read-only)

b68be36e1822454cb8a62eb9d5acf647

Loading and Parsing CSV

0 stars0🌍 Public
JJayakrishnan Ashok
Last edited Apr 23, 2022
Created on Apr 23, 2022
Forked from HTML Starter

This example demonstrates how to load and parse a CSV file in a React application, displaying a message with the row count, column count, and total data size. The code uses D3 v5's `csv` function to fetch the named CSS colors dataset from a GitHub gist, storing the parsed result in state via React hooks. Once loaded, the component formats a summary using `d3.csvFormat` to estimate the data size in kilobytes. The visualization is minimal, focusing solely on confirming successful data ingestion rather than rendering charts.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.