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)

0cb67046a6ce478393c12997dfaf3108

Loading and Parsing CSV Data

0 stars0🌍 Public
Cchipbrownlee
Last edited Nov 16, 2021
Created on Nov 16, 2021
Forked from HTML Starter

This example demonstrates the process of loading and parsing CSV data using D3 v7 and the Fetch API. It fetches a CSV file containing CSS named colors from a GitHub gist, parses the raw text with `d3.csvParse`, and displays basic statistics about the dataset. The visualization shows three key metrics: the file size in kilobytes, the total number of rows, and the number of columns, all rendered in large text within a `<pre>` element. The code uses `fetch` with an async function and updates the DOM via `textContent` to present the parsed data summary.

AI-generated description

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

See also React Starter.