Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading And Parsinmg .csv Data

Public visualization

Viewing a saved revision (read-only)

5d9a78f37c5348c7ab88da83082ae33b

Loading And Parsinmg .csv Data

1 star0🌍 Public
AAnkit5ingh
Last edited Jun 17, 2022
Created on Jun 17, 2022
Forked from HTML Starter

This example demonstrates loading and parsing a CSV file with D3.js, displaying the dataset’s record count and approximate file size in kilobytes. It uses `d3.csv` to fetch and parse remote data from a GitHub gist containing CSS color names, then formats the result with `d3.csvFormat` to calculate its size. The parsed data is shown in a large `<pre>` element, updating the page text via `document.getElementById`. A commented alternative illustrates parsing fetched text with `d3.csvParse` using async/await. The visualization relies on D3 v7 and plain JavaScript without additional frameworks.

AI-generated description

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

See also React Starter.