Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading and Parsing CSV Data

Public visualization

Loading and Parsing CSV Data

0 stars1🌍 Public
JJoeleen Kado
Last edited Mar 3, 2021
Created on Mar 1, 2021
Forked from HTML Starter

This example demonstrates how to load and parse a CSV file containing CSS named colors using D3’s `d3.csv` utility. It displays the dataset’s basic metrics—row count, column count, and file size in kilobytes—in a large, centered `<pre>` element. The code fetches the remote CSV from a GitHub gist, parses it into an array of objects, and uses D3’s `csvFormat` function to calculate the file size. The implementation relies on D3 v6’s async promise-based API, with a commented alternative showing an equivalent `fetch` and `d3.csvParse` approach.

AI-generated description

A program that loads in some data of CSS Named Colors

D3 utilities and uses React state to keep track of the data

Comments

Sign in to join the discussion.

MIT Licensed