Skip to main content
SimilarExport ZIP
100%

Loading and Parsing PS4 Games Sales CSV Data

✓ Published0🌍 Public
YYichen Li
Last edited Sep 30, 2021
Created on Sep 8, 2021

This example demonstrates loading and parsing the PS4 Game Sales Dataset, displaying file size, row count, and column count on a black background. It uses d3.csv to fetch the CSV from a GitHub gist, then d3.csvFormat to calculate the data size in kilobytes. The code also includes commented alternatives using fetch, async/await, and d3.csvParse, alongside a nested Promise example, illustrating different asynchronous parsing approaches in D3 v5.

AI-generated description

Description:

This program loads and parses the PS4 Game Sales Dataset.

Ideas for Questions and Tasks

  1. How did the total sales change in North America, Europe, Japan, other area from 2013 to 2018?
  2. What is the sales distribution in each year?
  3. Is there any relationship between game genre and best selling area?
  4. What is the best selling game in each year?
  5. How did the sales change in each series game?

Spetial Types of Attributes

  • Year_of_Release is ordinal
  • Genre is categorical
  • Publisher can be categorical

P.S. The unit of sales is million

MIT Licensed

Similar vizzes

Loading thumbnail…

Loading and Parsing PS4 Games Sales Dataset

This example shows the raw size and structure of a PS4 games sales dataset by displaying three statistics: total file size in kilobytes, number of rows, and number of columns. Using D3 v5’s `d3.csvParse`, it converts fetched CSV text into a parsed data array, then extracts `data.length` for row count and `data.columns.length` for column count. The data is retrieved asynchronously via the Fetch API with `async`/`await`, and the results are rendered as large text inside a `<pre>` element.

RRaul Gamez
92% match
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
82% 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
82% 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
81% match
Loading thumbnail…

Loading and Parsing VGSales.csv

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.

TT-Reiser
80% 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
79% match
Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse a CSV file using D3 v5, displaying the file size, row count, and column count in large text. It uses `d3.csv` to fetch and parse the dataset asynchronously via a promise, then formats a summary message with `d3.csvFormat` to calculate kilobyte size. The data source is a GitHub-hosted CSV containing CSS named colors. An alternate approach using the Fetch API with `async` and `await`, plus `d3.csvParse`, is included as commented-out code for comparison.

JJohn Patrick Banas
79% match
Loading thumbnail…

Loading and parsing CSV

This example demonstrates the basic process of loading and parsing a CSV file with D3, displaying the file size, row count, and column count of the dataset. It fetches a CSV of CSS color names from a GitHub gist using `d3.csv`, then formats the response with `d3.csvFormat` to calculate its size in kilobytes. The code also includes commented alternatives using the Fetch API with async/await and `d3.csvParse` for manual text parsing.

DDavid Beales
78% match