Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Load and parse CSV

Public visualization

Viewing a saved revision (read-only)

888405dde4a244fe9d33d7019af62be3

Load and parse CSV

0 stars0🌍 Public
Jjackcaldwellnichols
Last edited Nov 7, 2023
Created on Nov 7, 2023
Forked from Hello VizHub

This example demonstrates the core steps of loading and parsing a CSV file with D3.js. It fetches a remote CSV containing CSS named colors from a GitHub gist using `d3.csv`, then calculates and displays summary statistics—file size in kilobytes, row count, and column count—within a styled `<pre>` element. The code also includes commented-out alternatives using the Fetch API and `d3.csvParse`. A separate `index.js` file shows importing from the D3 library and local ES6 modules, though it is not actively used by the main script.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.

Test Heading

Loading data with fetch