Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading and parsing CSV Data and visualizing

Public visualization

Viewing a saved revision (read-only)

a1f8128e1c7045a39d004061c77bfde1

Loading and parsing CSV Data and visualizing

0 stars0🌍 Public
Ssmsk2980
Last edited May 8, 2021
Created on May 8, 2021

This example loads a CSV file of CSS named colors using d3.csv and displays basic metadata about the dataset in large text. It reports the file size in kilobytes, the number of rows, and the number of columns, computed with d3.csvFormat and the data's columns property. The visualization relies on D3 v6’s promise-based CSV parsing and DOM manipulation via document.getElementById. A commented-out alternative demonstrates the equivalent approach using fetch, async/await, and d3.csvParse.

AI-generated description

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

See also React Starter.