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)

c1736acccae841e7809d2a69017e12f8

Loading and Parsing CSV Data

0 stars0🌍 Public
PPinzhi
Last edited Dec 25, 2021
Created on Dec 25, 2021
Forked from Hello HTML

This example demonstrates the fundamental process of loading and parsing CSV data with D3. It fetches a remote dataset of CSS named colors from a GitHub gist and displays summary statistics about the file in a large text element. The visualization shows the data’s size in kilobytes, row count, and column count by using `d3.csv` to load and parse the data, then `d3.csvFormat` to measure its length, and `data.columns` to determine the number of columns. An alternative implementation using `fetch`, `async`, and `d3.csvParse` is also provided in comments but not executed.

AI-generated description

Loads in data using d3 and parses it