Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Learning how to load and parse the data with d3 today

Public visualization

Viewing a saved revision (read-only)

d6a8ee943ae44736b1ac3fd7f7bf9f45

Learning how to load and parse the data with d3 today

0 stars0🌍 Public
NNanditha Reddy
Last edited Mar 7, 2024
Created on Mar 6, 2024
Forked from HTML Starter

This example demonstrates how to load and parse a CSV dataset using D3.js, displaying metadata about a collection of movies. It shows the raw data structure, including row and column counts, memory usage, and column names, alongside static SVG posters for three films with their titles and release dates. The visualization uses D3's `d3.csv` method to fetch the remote CSV file from a GitHub gist and then dynamically updates a `<pre>` element with computed statistics about the dataset. The page also incorporates inline SVG graphics and a purple/pink color scheme, with the CSS file defining typography and layout. The code highlights the parsing process without any interactive or animated elements.

AI-generated description

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