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)

f254174f863745c1afaefa7d5739c1f5

Loading and Parsing CSV data

0 stars0🌍 Public
NNart Williamson
Last edited Apr 25, 2021
Created on Apr 25, 2021
Forked from HTML Starter

This example demonstrates how to load and parse CSV data using two approaches: the `d3.csv` method for direct fetching and parsing, and a manual `fetch` with `d3.csvParse` for text-based parsing. It displays the data size in kilobytes, row count, and column count for a CSS named colors dataset sourced from a GitHub gist. The code uses D3 v5’s `d3.csv`, `d3.csvParse`, and `d3.csvFormat` APIs, alongside native `fetch` and async/await, rendering results into a styled `<pre>` element.

AI-generated description

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

See also React Starter.