LogicalFile Fetch

100%

LogicalFile Fetch

✓ Published0🌍 Public

Last edited Jan 30, 2018

Created on Jan 30, 2018

This example demonstrates asynchronous data fetching from multiple HPCC Systems endpoints and external APIs, logging each response directly into the DOM. It uses the `@hpcc-js/comms` library to instantiate `Result`, `Workunit`, `ESPConnection`, and `Connection` objects, retrieving logical file schemas and row batches with `fetchXMLSchema` and `fetchRows`, querying completed workunits, and sending ESP requests via `DFUQuery`. Results from Google Maps geocoding are also included, with all output rendered as plain text in the placeholder `div`.

AI-generated description

Similar vizzes

Loading thumbnail…

Data Fetcher (Asnyc/Await Promise.Then)

This example demonstrates two techniques for fetching remote data in JavaScript and logging the results to the console. The page uses the Fetch API to retrieve a CSV file of CSS named colors from a GitHub gist, with the data returned as raw text. The code contrasts the use of `async`/`await` syntax within an `async function` against the older `Promise` chaining approach via `.then()` methods. Both methods successfully retrieve the same resource, while a plain `console.log` statement prints a separate message to show the order of execution. The example is implemented as a minimal HTML page inside a React project scaffold.

Jjunxiangyao

62% match

Loading thumbnail…

Fetching data

This example demonstrates how to fetch and log a remote CSV file using the browser’s Fetch API. It defines an asynchronous helper function that retrieves text from a given URL, then calls it on a GitHub-hosted dataset of boxers, outputting the raw contents to the console. The visualization is minimal, focusing on the data-fetching step rather than rendering, and uses no external libraries—only plain JavaScript within a single HTML file.

CCesar R Castillo

62% match

Loading thumbnail…

fetch data asynchrously

This example demonstrates how to retrieve data from a remote URL asynchronously using JavaScript. It fetches a CSV file containing CSS named colors from a GitHub gist via the `fetch` API, converts the response to text with `response.text()`, and logs the raw content to the browser console. The code defines a reusable `fetchText` function that wraps the asynchronous fetch and text extraction in a promise chain with `.then()`. The HTML file is minimal, relying entirely on the external `index.js` script for functionality, and no visualization or rendering occurs beyond the console output.

AAbhay kumar singh

62% match

Loading thumbnail…

Loading Data with Fetch

This example demonstrates how to load external data in the browser using the Fetch API. The page displays a static “Hello HTML” message while the script fetches a CSV file of named CSS colors from a GitHub gist, logging the raw text response to the browser’s console. It uses `fetch()` with async/await syntax, assigning the asynchronous function to `fetchText`, and chains a `.then()` callback to log the result. No visualization is rendered; the focus is purely on the data-loading workflow.

RRajat Dangat

62% match

Loading thumbnail…

Loading Data with Fetch

This example demonstrates how to load and display data from an external CSV file using the Fetch API in plain JavaScript, without any visualization libraries. It shows three different code patterns—nested promise callbacks, an async function with a variable URL, and an async function using the `.then()` method—all logging the raw text of the CSS named colors dataset to the console. The data comes from a raw GitHub gist containing a comma-separated list of color names and values. The example focuses on data loading techniques rather than visual output.

RRichard Burd

62% match

Loading thumbnail…

Dataviz 2020_Ep13 - 7. Loading Data with Fetch, Promises, Async, Await

This example demonstrates loading an external CSV file using the Fetch API with modern JavaScript asynchronous patterns. The code defines an `async` function that uses `await` to fetch a remote CSV of named CSS colors and converts the response to text, then logs it to the console. It also includes a commented-out alternative using promise chaining with `fetch().then()`. The visualization itself is minimal, focusing purely on the data-loading mechanics rather than rendering any graphical output.

MMinwoo Pak

61% match

Loading thumbnail…

fetching

This example demonstrates a minimal web page that fetches a CSV file from a remote URL and logs its contents to the browser's console. The page uses the JavaScript `fetch()` API to asynchronously retrieve the text data, with the response handled through the `.then()` method. The HTML page is styled with simple CSS to center the large "Hello HTML" text on the screen, providing a static visual backdrop. The example focuses on the data retrieval process itself, showing how to connect a web page to an external data source using standard web technologies.

DDiego Isla López

61% match

Loading thumbnail…

Fetching data

This example demonstrates asynchronous data fetching in the browser, retrieving a CSV file of CSS named colors from a GitHub gist and logging its contents to the console. It uses the Fetch API’s `fetch()` method and the response object’s `text()` method within an async/await function, followed by a `.then()` promise chain to handle the resolved text. The code shows a minimal setup with no visual output, focusing purely on the network request and text extraction workflow.

LLove Wessman

61% match