100%

Requesting data from the Github API

✓ Published1🌍 Public

Last edited Feb 4, 2020

Created on Feb 4, 2020

Forked from Requesting data from the Github API

This example demonstrates a simple user-driven data request to the Wikipedia API. It shows how a text input and submit button trigger a `fetch` call to the opensearch endpoint, retrieving and displaying search results based on the submitted subject. The code uses the browser’s built-in `fetch` API to request JSON data, then logs the response and result titles to the console via chained `.then()` promises. The interface includes a loader placeholder and a result article, though the visible rendering of the results is minimal, focusing on the request-response flow.

AI-generated description

Requesting data from the Wikipedia API

Concept

An example showing how to go from an API request using fetch

MIT Licensed

Similar vizzes

Loading thumbnail…

Requesting data from the Github API

This example demonstrates the complete workflow of fetching repository data from the GitHub API and rendering it as an HTML list. It uses a raw XMLHttpRequest to request JSON from `https://api.github.com/users/razpudding/repos`, parses the response with `JSON.parse`, and then dynamically creates a `<ul>` element with `<li>` items for each repository name using the DOM methods `document.createElement` and `appendChild`. The visualization highlights the data pipeline from an asynchronous API call to interactive webpage content.

LLaurens

70% match

Loading thumbnail…

fetching data

This example shows a bare-bones HTML page that fetches data from a remote URL. It demonstrates the basic Fetch API workflow in JavaScript, where a `fetch()` call is made to a GitHub Gist URL and a promise is created to handle the response. The page includes a static "Hello HTML!" message and sets up the foundation for asynchronous data loading, though the response handling is incomplete. The example uses plain HTML, CSS for styling, and JavaScript's built-in `fetch()` function, with no external libraries or visualization components yet.

Sshre1310

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

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

63% match

Loading thumbnail…

BA 401 LOADING DATA

This example demonstrates fetching remote data from a GitHub gist using the Fetch API within a plain HTML and JavaScript setup. The code initializes a URL pointing to a raw text file and calls `fetch(url)` inside a `console.log`, which will output a Promise object to the browser console. It shows the beginning of a data-loading workflow, with React and the Vite development environment as potential context, but does not render any visualization or process the response. The page relies on standard web APIs, with no external visualization libraries included.

NNeetu-Shah

61% match

Loading thumbnail…

ba 401 Data loading Data

This example demonstrates a minimal data-loading workflow using the browser’s native Fetch API to retrieve a remote dataset from a GitHub Gist. The page consists of a single HTML file with inline JavaScript that calls `fetch(url)` and logs the resulting Promise to the console. No rendering, styling, or data processing occurs; the example solely illustrates the first step of asynchronously fetching external resources in a plain HTML/JavaScript context, without any additional libraries or frameworks.

Ddeven1998

61% match

Loading thumbnail…

Loading data with fetch

This example demonstrates how to load and read external data using the browser’s native Fetch API within a plain HTML page. It defines an asynchronous function, `fetchText`, that fetches a URL and returns the response as text. The code then applies this function to a CSV file containing named CSS colors from a GitHub gist, and logs the resulting text to the console. The example is minimal, focusing solely on the data-loading step with no visualization or rendering yet.

MMark Hanly

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

60% match