Loading data - earthquakes.csv

100%

Loading data - earthquakes.csv

✓ Published0🌍 Public

Last edited Sep 18, 2020

Created on Sep 9, 2020

Forked from Loading and Parsing CSV Data

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`.

AI-generated description

A program that loads and parses Significant Earthquakes from 1965 dataset. This dataset contains information of earthquakes all over the world that took place from 1965. Dataset obtained from Kaggle.

MIT Licensed

Similar vizzes

Loading thumbnail…

Earthquakes

This example loads and parses a CSV file of notable earthquakes from 1900 to 1999, then displays basic file statistics—size in kilobytes, row count, and column count—in a large text element. The visualization emphasizes data loading and parsing over graphical rendering, using `d3.csv` to fetch and parse the remote dataset from a GitHub gist, and `d3.csvFormat` to calculate the raw data size. The code also demonstrates an alternative `fetch`-based approach with `d3.csvParse`, though the active path uses the simpler `d3.csv` promise interface.

JJunying Li

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

80% match

Loading thumbnail…

Loading and Parsing CSV Data

KKarenNg

80% match

Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data from a remote URL using D3 v5. It displays the file size in kilobytes, the number of rows, and the number of columns in a large text element. The code uses `d3.csv` to fetch and parse the data, then accesses the resulting array’s `length` and `columns` properties. It also relies on `d3.csvFormat` to compute the formatted size, with an alternative commented approach using `fetch`, `async/await`, and `d3.csvParse`. The data comes from a GitHub gist containing named colors.

TTsaikkari

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

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

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

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

79% match