Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading and Parsing CSV Data

Public visualization

Viewing a saved revision (read-only)

a0b4d78aee484c64bcfdce3bc419aa59

Loading and Parsing CSV Data

0 stars0🌍 Public
Aajardev
Last edited Jul 15, 2022
Created on Jul 13, 2022
Forked from HTML Starter

This example demonstrates how to load and parse a CSV file using D3 v7, displaying a summary of the data in a large text block. It fetches a gist-hosted CSV containing CSS named colors, then uses `d3.csv()` to parse the file and `d3.csvFormat()` to compute its size in kilobytes. The output shows the file size, row count, and column count, making the data structure immediately visible. Alternative approaches using `fetch` with `async`/`await` and `d3.csvParse()` are included as commented code.

AI-generated description

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

See also React Starter.