Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Early Stage Fetching

Public visualization

Early Stage Fetching

0 stars0🌍 Public
RRichard Burd
Last edited Jan 29, 2022
Created on Jan 29, 2022

This example demonstrates early-stage data fetching with the browser’s native Fetch API, loading a CSV file of CSS named colors from a GitHub gist. It shows two asynchronous techniques: a standard promise chain using `fetch().then()` and `response.text()`, and an `async`/`await` pattern within a custom `myFetcher` function. Both approaches log the fetched text to the console, highlighting the sequence of network requests before any page content renders. The code uses no external libraries, relying solely on vanilla JavaScript and the Fetch API.

AI-generated description

Left off exactly here: https://youtu.be/1UBraY8Z7uI?t=432

The gist file is here: https://gist.github.com/Richard-Burd

The given path is this:

<script src="https://gist.github.com/Richard-Burd/1554b4f94639c3a69f4c4b58f1ee4f3d.js"></script>

The tutorial wants s.thing like this: https://gist.githubusercontent.com/Richard-Burd/1554b4f94639c3a69f4c4b58f1ee4f3d/raw/cssNamedColors.csv

Comments

Sign in to join the discussion.

MIT Licensed