Skip to main content
SimilarExport ZIP
100%

Loading and Parsing Arrow Data

✓ Published2🌍 Public
Tt829702
Last edited Sep 20, 2020
Created on Sep 19, 2020

This example demonstrates the loading and parsing of Apache Arrow data in the browser. It fetches a remote `.arrow` file, parses it with `Arrow.Table.from`, and displays summary statistics—including file size, row count, column count, and chunk count—in a large `<pre>` element. The code highlights the schema and performs a filtered query using `Arrow.predicate.col('userName').eq('az')`, while relying on `d3.sum` to aggregate chunk byte lengths and `d3` for general utilities.

AI-generated description

A program that loads and parses some Arrow data:

  1. https://unpkg.com/@apache-arrow/esnext-umd@0.17.0/Arrow.js

MIT Licensed

Similar vizzes

Loading thumbnail…

Loading Data (2020/09)

This example demonstrates interactive exploration of a dataset of 57,000+ articles from Matters, loaded from a remote Arrow file. The interface allows searching by author name, filtering by month, and toggling tag visibility, with results grouped by publication date. It uses Vue 3 for reactive UI components and Apache Arrow’s `Arrow.Table.from`, `Arrow.predicate`, and table filtering with custom predicates to query the columnar data. D3 utilities like `d3.rollups` and `d3.group` aggregate rows, while `d3.utcFormat` formats dates for display.

Tt829702
78% match
Loading thumbnail…

Loading data with D3

This example demonstrates how to load and inspect a remote CSV dataset using D3. It fetches a tidy version of the Anscombe’s quartet from a GitHub gist and displays three summary metrics in large text: the file size in kilobytes, the number of rows, and the number of columns. The code uses `d3.csv` to asynchronously parse the data, `d3.csvFormat` to calculate the raw size, and the `data.length` and `data.columns.length` properties to report the dataset’s dimensions.

Rrvdv
67% match
Loading thumbnail…

Loading and Parsing Data

This example demonstrates how to load a remote CSV file and display basic summary statistics. It fetches CSS named colors data from a GitHub gist, then uses `d3.csv` to parse the file asynchronously, counting the number of rows, columns, and the formatted file size in kilobytes. The resulting message is rendered into a `<pre>` element with large font styling. The code also includes commented-out alternatives using `fetch`, `async/await`, and `d3.csvParse`, highlighting different parsing workflows available in D3 v7.

DDavid Kim
67% match
Loading thumbnail…

loading and parsing data

This example demonstrates the basic step of loading and parsing a remote CSV file with D3. It fetches text from a GitHub-hosted dataset of CSS named colors, uses `d3.csvParse` to convert the raw text into a structured data table, and then displays summary statistics. The visualization is purely textual, presenting the file size in kilobytes, the number of data rows, and the number of columns in a large `<pre>` element. The code relies on the modern `fetch` API and `async`/`await` syntax to retrieve the data.

DDipak654
67% match
Loading thumbnail…

Loading And Parsing CSV Data

This example demonstrates loading and parsing CSV data from a remote URL, then displaying basic statistics about the dataset. It uses D3 v6’s `d3.csv` method to fetch and parse the file, followed by `d3.csvFormat` and `d3.csvParse` for additional processing. The code counts the data size in kilobytes, the number of rows, and the number of columns, rendering these results in a large `<pre>` element. The data source is a GitHub gist containing CSS named colors.

AAngel Lam
66% match
Loading thumbnail…

Loading data

This example demonstrates how to load and parse a remote CSV file using D3’s `d3.csv` method, reporting the dataset’s size in the browser. The page displays three lines of text: the number of columns, the number of rows, and the file size in kilobytes, computed via `d3.csvFormat` and `Math.round`. Data is fetched asynchronously from a GitHub Gist URL, and the results are rendered into a `<pre>` element using DOM manipulation. The minimal styling uses large CSS font sizes to emphasize the metadata.

Ccaineosborne
66% match
Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates loading and parsing CSV data from a remote URL using D3.js, displaying the resulting table's row count, column count, and file size in kilobytes. The page calls `d3.csv` to fetch and parse the data asynchronously, then uses `data.columns.length` and `d3.csvFormat` to calculate the metrics, rendering the output inside a large `<pre>` element. The included commented code shows alternative approaches using `fetch`, `async`/`await`, and `d3.csvParse`.

CChristian-SWS
66% match
Loading thumbnail…

Fork of Loading and Parsing CSV Data

This example demonstrates loading and parsing CSV data from a remote URL, displaying summary statistics about the dataset. It fetches the CSS Named Colors CSV file and outputs the file size in kilobytes, the number of rows, and the number of columns using `d3.csv` and `d3.csvFormat`. The code also includes commented-out alternatives using the `fetch` API with `async`/`await` and `d3.csvParse`, as well as a nested promise approach. The result is rendered as large text inside an HTML `<pre>` element.

AArlind Pestisha
66% match