Loading data - Olympic_Athletes_India.csv

100%

Loading data - Olympic_Athletes_India.csv

✓ Published0🌍 Public

Last edited Sep 18, 2020

Created on Sep 9, 2020

Forked from Loading and Parsing CSV Data

This example displays loading and parsing statistics for a CSV file containing Olympic performance records for Indian athletes, showing the file size in kilobytes, row count, and column count in large text. The code uses D3 v5’s `d3.csv` to fetch and parse the data from a GitHub gist, with commented alternatives demonstrating `fetch` and `async/await` with `d3.csvParse`. The dataset originates from Kaggle’s 120 years of Olympic history, filtered to Indian athletes.

AI-generated description

A program that loads and parses a subset of Olympic Athletes Performance data (only Indian Athletes). This dataset contains the Indian Athletes' Olympic Performance Records ever since the games began. Dataset obtained from Kaggle (subset of this dataset)

MIT Licensed

Similar vizzes

Loading thumbnail…

Loading and Parsing Olympic Data

This example demonstrates how to load and parse Olympic medal data from a CSV file hosted on GitHub Gist. It displays a summary of the dataset—file size in kilobytes, row count, and column count—in a large text container. The visualization uses D3 v7’s `d3.csv` method to fetch and parse the data, with alternative approaches using `fetch`, async/await, and `d3.csvParse` commented out. The code highlights the simplicity of D3’s data-loading API versus manual text parsing.

RRuofan Chen

82% match

Loading thumbnail…

Loading and Parsing CSV Data - Olympic Medals Count Dataset

This example demonstrates the size of the Olympic Medals Count dataset by displaying three summary statistics: total file size in kilobytes, number of rows, and number of columns. Using the d3.csv method, it fetches a CSV file from a GitHub gist containing medal counts for all countries from 1896 to 2018 across both summer and winter games. The code then applies d3.csvFormat to calculate the formatted data’s byte length, and reports the row count from the parsed array and column count from the data.columns property. The results appear in large text within an HTML pre element.

SSitanshu Rupani

81% 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

78% match

Loading thumbnail…

Loading data - earthquakes.csv

This example demonstrates how to load and parse a CSV file containing significant earthquake data from 1965 onward, sourced from Kaggle. It displays the dataset’s file size in kilobytes, row count, and column count in large text. The code uses `d3.csv` to fetch and parse the remote CSV URL, then computes the formatted output length with `d3.csvFormat`. It also includes commented alternatives using the Fetch API with `async`/`await` and `d3.csvParse`.

VVarun Eranki

77% match

Loading thumbnail…

Loading and parsing CSV data wih D3

This example demonstrates how to load and parse CSV data using D3 v7. It displays the row count, column count, and file size in kilobytes as large text on the page. The code uses `d3.csv()` to fetch and parse a CSV file from a GitHub gist, then processes the resulting data array and columns. It also includes commented-out alternatives using `fetch()` with `async/await` and `d3.csvParse()` to illustrate older parsing approaches.

AAoibhinnRed

77% match

Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates loading and parsing CSV data using D3.js, displaying the data size in kilobytes, row count, and column count in a large text element. It uses the `d3.csv` method to fetch and parse the CSV file from a GitHub gist, then accesses the parsed data array and its `columns` property to calculate the metrics. The code also includes commented alternatives using `fetch` with `d3.csvParse` and a nested promise pyramid approach, though the active path runs the external DaData API POST request instead.

OOleg Zhernovoy

76% match

Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates the process of loading, parsing, and summarizing a CSV file using the D3.js library’s `d3.csv` method. It displays the data’s size in kilobytes, total row count, and column count in a large text element. The data originates from a GitHub-hosted CSS named color dataset. The code also includes commented-out alternatives using `fetch` with async/await and the `d3.csvParse` function, though the active path uses `d3.csv` and `d3.csvFormat` to calculate the file size.

SSamir Nandardhane

76% match

Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data using D3.js version 5. It fetches a wildlife trade dataset from a GitHub gist and displays the file size in kilobytes, the number of rows, and the number of columns in a large text block. The code uses d3.csv to fetch and parse the data, then accesses the resulting array and its columns property. An alternative approach using the Fetch API with async/await and d3.csvParse is also included as commented-out code.

KKarenNg

76% match