Skip to main content
SimilarExport ZIP
100%

Loading and Parsing NBA Player State CSV Data

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

This example demonstrates how to load and parse a CSV file containing NBA player statistics. It displays the file’s size in kilobytes, the number of data rows, and the number of columns within a large text element on a black background. Using the `d3.csv` method from the D3 v5 library, the program fetches the dataset from a remote URL and then applies `d3.csvFormat` to calculate the byte size. The interface provides a minimal, textual summary of the structured data source.

AI-generated description

Description:

This program loads and parses the NBA Player State Dataset.

Ideas for Questions and Tasks

  1. Who are the players that have high scoring efficiency?
  2. What is the score distribution in each team?
  3. Who are the players that are good at field goals/ 3 score field goals?

Spetial Types of Attributes

  • TEAM is categorical
  • FGM, FGA, 3PM, 3PA, FTM, FTA are quantitative

Glossary

  • GP: Games Played
  • W: Wins
  • L: Losses
  • MIN: Minutes Played
  • PTS: Points
  • FGM: Field Goals Made; FGA: Field Goals Attempted; FGP: Field Goal Percentage
  • 3PM: 3 Point Field Goals Made; 3PA: 3 Point Field Goals Attempted; 3PP: 3 Point Field Goals Percentage
  • FTM: Free Throws Made; FTA: Free Throws Attempted; FTP: Free Throw Percentage
  • OREB: Offensive Rebounds
  • DREB: Defensive Rebounds
  • REB: Rebounds
  • AST: Assists
  • TOV: Turnovers
  • STL: Steals
  • BLK: Blocks
  • PF: Personal Fouls
  • FP: Fantasy Points
  • DD2: Double doubles
  • TD3: Triple doubles
MIT Licensed

Similar vizzes

Loading thumbnail…

Basketball Player Stats CSV Data - Loading and Parsing

This example demonstrates loading a CSV file of basketball player statistics per season and reporting its basic size and structure. After fetching the remote dataset using `d3.csv`, it displays the file size in kilobytes, the total number of data rows, and the count of columns in a large text block. The visualization uses D3 v5’s `d3.csv` parsing method and `d3.csvFormat` to measure the loaded data, with commented alternatives showing `fetch` and `d3.csvParse` for comparison.

JJosvin John
88% match
Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data from a remote URL using D3.js v5. The page displays the size of the dataset in kilobytes, the total number of rows, and the number of columns in separate text blocks. It uses the `d3.csv` method to fetch the data asynchronously, then accesses the parsed array and its `.length` and `.columns` properties to compute the metrics. The `d3.csvFormat` function is used to estimate the file size from the parsed data.

Rreddyakshitha
79% match
Loading thumbnail…

Loading and Parsing Baseball Data

This example demonstrates loading and parsing MLB batting statistics from 1901 to 2015, displaying the dataset’s size in kilobytes, row count, and column count in large text. It uses `d3.csv` to fetch the remote CSV file and `d3.csvFormat` to measure the raw data length. The visualization is minimal, with the parsed results rendered inside a `<pre>` element using D3.js v5.

RRobert Johnson
78% match
Loading thumbnail…

Loading Parsing CSV Data

This example demonstrates how to load and parse a CSV file, displaying file size, row count, and column count on a webpage. It uses d3.csv to fetch a remote dataset from a GitHub gist raw URL, then formats the results with d3.csvFormat to calculate kilobytes. The page also includes commented-out code showing an alternative approach using fetch, async/await, and d3.csvParse. A large pre element displays the final statistics as text.

RRaphael Fogha
78% match
Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data using D3 v5, displaying file size, row count, and column count in a large pre-formatted text element. The code uses `d3.csv()` to fetch and parse the dataset from a GitHub-hosted CSV file containing NYC social media usage data, then formats the statistics with `d3.csvFormat()` to calculate kilobyte size. An alternative commented-out approach uses the Fetch API with `async`/`await` and `d3.csvParse()` for manual parsing. The example concisely shows the core workflow of retrieving and inspecting tabular data in a browser environment.

KKarenNg
78% match
Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data using D3 v5, displaying file size, row count, and column count in a large pre-formatted text element. The code uses `d3.csv()` to fetch and parse the dataset from a GitHub-hosted CSV file containing NYC social media usage data, then formats the statistics with `d3.csvFormat()` to calculate kilobyte size. An alternative commented-out approach uses the Fetch API with `async`/`await` and `d3.csvParse()` for manual parsing. The example concisely shows the core workflow of retrieving and inspecting tabular data in a browser environment.

KKarenNg
78% match
Loading thumbnail…

Loading and parsing CSV

This example demonstrates how to load and parse a CSV file using D3.js, displaying the resulting dataset’s size in kilobytes, row count, and column count as large text on a plain HTML page. The code fetches a remote CSV file from a GitHub gist via `d3.csv`, then formats the parsed data with `d3.csvFormat` to calculate its size. It also reads the `data.length` and `data.columns.length` properties to report the number of rows and columns, updating the page’s `<pre>` element with `textContent`.

Nnourfahmy2003
78% match
Loading thumbnail…

Loading and Parsing NASCAR Data

This example demonstrates how to load and parse NASCAR race data from a CSV file using the D3.js library. It displays the dataset’s size in kilobytes, the number of rows, and the number of columns in large text on a web page. The code uses `d3.csv` to fetch the remote CSV file, `d3.csvFormat` to calculate the data size, and accesses the dataset’s `length` and `columns` properties. The result is presented in a `<pre>` element styled with a large font size.

RRobert Johnson
77% match