Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

Viewing a saved revision (read-only)

23f217db05724e818c78858287c29e6c

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

0 stars0🌍 Public
Ssumitradevipolina
Last edited Feb 26, 2022
Created on Feb 22, 2022
Forked from HTML Starter

This example demonstrates loading a remote CSV file of movie data using D3.js v7 and displaying summary statistics about the dataset. The webpage shows a static SVG image of a castle alongside a text container that reports the file size, row count, and column count. The code uses the `d3.csv` function to fetch and parse the CSV, then computes metrics using `d3.csvFormat` and accesses the parsed data's length and `columns` property. The SVG image is referenced from a GitHub raw URL and rendered with standard SVG elements.

AI-generated description

Webpage that displays data about Movies csv file and an SVG image.