Skip to main content
SimilarExport ZIP
100%

Loading and Parsing VGSales.csv

✓ Published0🌍 Public
TT-Reiser
Last edited Sep 7, 2021
Created on Sep 7, 2021

This example loads and parses the VGSales.csv dataset, displaying the raw file size, row count, and column count in large text. It shows how D3 fetches and parses CSV data to summarize its structure. The code uses `d3.csv` to load the remote file, then formats the data with `d3.csvFormat` to calculate its size. An alternative approach using `fetch`, `async/await`, and `d3.csvParse` is also included. The dataset, sourced from Kaggle, contains video game sales metrics across global regions.

AI-generated description

A program that loads and parses some [CSV] about the Top 5000 Movies on TMDB.

Authored by: Tyler Reiser

Link to original Dataset: https://www.kaggle.com/gregorut/videogamesales

Link to Gist: https://gist.github.com/T-Reiser/558cfa295786b2f6c58524192dc015bc

Rehash of Gist README.md:

Attributes:

  • Rank (Ranking of overall sales) is Quantitative,
  • Name (The games name) is Categorical,
  • Platform (Platform of the games release (i.e. PC,PS4, etc.)) is Categorical,
  • Year (Year of the game's release) is Ordinal,
  • Genre (Genre of the game) is Categorical,
  • Publisher (Publisher of the game) is Categorical,
  • NA_Sales - Sales in North America (in millions)
  • EU_Sales - Sales in Europe (in millions)
  • JP_Sales - Sales in Japan (in millions)
  • Other_Sales - Sales in the rest of the world (in millions)
  • Global_Sales - Total worldwide sales is Quantitative.

Removed Attributes:

  • N/A

Tasks and Questions:

  • How does this ranking change if we compare just NA sales to JP or EU sales?
  • Do Nintendo Games lead the JP Sales ranking more than the combined totals?
  • Is there a certain period of time that releases consecutive high ranking games?
  • Is there a dominate Genre, and does that Genre change over time?
MIT Licensed

Similar vizzes

Loading thumbnail…

Loading and Parsing vgsales.csv

This example loads a CSV file of video game sales data and displays basic file statistics: the dataset’s size in kilobytes, row count, and column count. The page uses D3 v5’s `d3.csv` method to fetch and parse the data from a GitHub Gist, then renders the summary in a large `<pre>` element. The code also includes commented alternatives using `fetch` with `async`/`await` and `d3.csvParse` to demonstrate different parsing approaches.

DDaniel Ribaudo
92% match
Loading thumbnail…

Loading data - vgsales.csv

This example loads the Video Games Sales dataset from a GitHub-hosted CSV and displays its size, row count, and column count in large text. It demonstrates two approaches to fetching and parsing data: the primary method uses `d3.csv` to load and parse the file, while an alternative commented implementation uses `fetch` with `async`/`await` and `d3.csvParse`. The page also includes a commented “pyramid of doom” example showing nested promise callbacks. All results are rendered into a `<pre>` element via `document.getElementById`.

VVarun Eranki
88% match
Loading thumbnail…

Video Game Sales

This example reads a CSV file of video game sales data from a public GitHub gist, originally sourced from Kaggle, and displays a plain-text summary of its size and structure. It shows the file’s approximate size in kilobytes, the row count, and the number of columns. The code uses D3.js v5’s `d3.csv` to parse the remote data and `d3.csvFormat` to measure its length, then writes the summary into a large `<pre>` element. Alternate commented approaches demonstrate `fetch` with `async/await` and `d3.csvParse`.

Ggeorgeeeee
84% match
Loading thumbnail…

Video Game sales

This example displays basic metadata about a video game sales dataset, showing its size in kilobytes, row count, and column count in large text. It loads a CSV file from a GitHub gist using the D3.js v5 `d3.csv` method, then formats the content with `d3.csvFormat` to calculate the data’s byte size. The code also includes commented alternatives using the Fetch API and async/await with `d3.csvParse`. The dataset originates from Kaggle’s video game sales collection, with the visualization serving primarily to demonstrate CSV loading and summary statistics.

RRochelle
83% match
Loading thumbnail…

Loading and parsing CSV data

This example demonstrates loading a remote CSV file and parsing it with D3.js, displaying basic dataset statistics as large text. It uses `d3.csv` to fetch and parse the data from a GitHub Gist, then reports the approximate size of the formatted output in kilobytes, the number of rows, and the number of columns. The page also includes commented-out code showing an alternative approach using the `fetch` API with `async`/`await` and `d3.csvParse` for manual text parsing, but the active path relies on D3's built-in CSV handling.

Aadante111
81% match
Loading thumbnail…

Videogame sales

This example presents a minimal summary of the Videogame Sales dataset, displaying its size in kilobytes, row count, and column count as large text. It uses D3 v5 to load the remote CSV file via `d3.csv`, converts the data with `d3.csvFormat`, and reports the byte length before updating the page content. The visualization focuses on data loading and parsing rather than graphical representation, showcasing D3’s CSV utilities.

VVamsi Bhargav Sukamanchi
81% match
Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates the basic process of loading and parsing CSV data by displaying the file size, row count, and column count of a remote dataset. It fetches a CSV file from a GitHub Gist using the `fetch` API, then parses it with `d3.csv` and re-formats it with `d3.csvFormat` to compute the kilobyte size. The parsed data’s dimensions are displayed in large text within a `<pre>` element. The code also includes an alternative commented-out approach using `d3.csvParse` on raw text.

Sspace-captain96
81% match
Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data using D3 v5. It displays the file size, row count, and column count of a wildlife trade dataset pulled from a GitHub gist. The primary approach uses `d3.csv`, which fetches and parses the CSV in one step, while commented-out alternatives show `fetch` with `async`/`await` combined with `d3.csvParse`. The results appear as large text in a `pre` element, providing a simple, immediate visual summary of the dataset’s basic dimensions.

KKarenNg
80% match