Gist 7a408ae6b97507c83e6613316e32a9c7

100%

Gist 7a408ae6b97507c83e6613316e32a9c7

✓ Published0🌍 Public

Last edited Jun 11, 2019

Created on Jun 11, 2019

This example contrasts two JavaScript approaches for fetching GitHub user data from the GitHub REST API. It uses the Fetch API to request `https://api.github.com/users/mistyblunch` and logs the resulting JSON. The first method chains `.then()` callbacks in a Promise-based function, while the second defines an `async` function that uses `await` to handle the response and return the parsed JSON object. Neither function performs any visualization or rendering—only console output.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 859941ebbbd6686689c4c870c1e5cf18

This example demonstrates a chained asynchronous workflow that reads a GitHub username from a local file, fetches the corresponding GitHub profile via the GitHub API, and writes the profile data as JSON to another file. It uses the Promise-based functions `pluckFirstLineFromFile`, `getGitHubProfileAsync`, and `asynWrite`, structured with `then` and `catch` handlers to manage data flow and error logging. The code illustrates how to sequence file I/O and network requests without callback nesting, relying on async/await-style chaining through native JavaScript Promises.

MMailnickko

76% match

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

71% match

Loading thumbnail…

Gist 4ff85e89516594d9399c15b3c436878f

This example demonstrates JavaScript Promise patterns for asynchronous server communication, showing fetch(), .then(), .catch(), Promise.all/race, custom Promise construction, and async/await syntax. The code samples use the browser's built-in fetch() API against document.URL.toString() to simulate server checks, with console.log output for results and error handling. It also includes a setTimeout-based delay Promise example to illustrate timing control. The gist serves as educational reference material, contrasting Promise chains, custom Promise creation, and sugar-syntax async functions.

MMistyBlunch

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

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

69% match

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

68% match

Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse external CSV data from a GitHub gist URL using the Fetch API and asynchronous JavaScript. The code defines an `async` function that fetches a text file, converts the response to a string, and logs the raw CSV contents to the browser console. It uses `fetch` and `response.text()` to retrieve the data, with a commented-out alternative approach showing a promise-chain version. The visualization itself is minimal, focusing entirely on the data-loading step rather than rendering any graphical output.

JJacob Pingel Lauridsen

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

67% match