Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Parsing CSV data with D3

Public visualization

Parsing CSV data with D3

0 stars0🌍 Public
KKelly Egan
Last edited Mar 24, 2021
Created on Mar 22, 2021
Forked from Loading CSV data

This example demonstrates the D3.js `d3.csv` API for fetching and parsing remote CSV data, presenting a summary of the dataset as large right-aligned text. It loads a Google Sheets CSV export and reports the row count, column count, and formatted data size in kilobytes. The visualization uses promises and the `d3.csvFormat` function to calculate the data’s total size, with the result displayed inside a `pre` element via JavaScript DOM manipulation. An alternative commented-out approach using `d3.csvParse` and `fetch` is also included for comparison.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed