Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of ICE-5: Loading and Parsing CSV Data with D3.js

Public visualization

Viewing a saved revision (read-only)

5ddb6508b11b4ac98ff50f49fc7cf3f3

Fork of ICE-5: Loading and Parsing CSV Data with D3.js

0 stars1🌍 Public
Sshabbab01
Last edited Feb 28, 2022
Created on Feb 28, 2022

This example demonstrates how to load and parse CSV data using D3.js within a React framework. The page displays a heading, an embedded city SVG graphic, and a message area that reports the CSV file’s size, row count, and column count after fetching it from a GitHub gist. The code uses D3’s `d3.csv` method to retrieve and read the remote CSV, then `d3.csvFormat` to calculate its byte size, and finally updates a `<pre>` element with the parsed dataset’s statistics using vanilla JavaScript DOM manipulation.

AI-generated description

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

See also React Starter.