Fork of Promise function practise

100%

Fork of Promise function practise

✓ Published0🌍 Public

Last edited Apr 24, 2021

Created on Apr 24, 2021

This example demonstrates a minimal HTML page that fetches COVID-19 daily report data from a GitHub-hosted CSV file using the Fetch API and async/await syntax. The `fetchText` function retrieves the raw CSV text and passes it to a placeholder `<Chart data={res} />` component, though the chart itself is not implemented. The page displays static text “Hello HTML” alongside commented-out CSS styling, and relies on React for rendering, though no actual visualization or data processing occurs beyond the network request and console logging.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Fork of HTML Starter-2

This example demonstrates fetching a CSV file and logging its contents to the browser console. It uses the JavaScript `fetch` API within an async function to retrieve a color dataset from a GitHub Gist URL, then converts the response to text with `response.text()`. The code shows both a modern async/await approach and a commented-out promise-chain alternative. No data visualization is rendered; the focus is on establishing a data-loading pattern for a future visual.

Aalexfox

81% match

Loading thumbnail…

Fork of HTML Starter

This example demonstrates how to load and parse CSV data in a web page using the Fetch API. It sets up an `async` function that retrieves a text file from a GitHub gist URL containing CSS named colors, then logs the raw text to the browser console. The code also includes commented-out variations of the fetch calls, showing alternative ways to handle the promise chain. The page itself has no visual rendering; its purpose is to illustrate the basic mechanics of fetching remote data with JavaScript's `fetch` and processing the response as text.

MMorgan

80% match

Loading thumbnail…

Fork of HTML Starter

This example fetches a CSV file from a GitHub gist and logs its contents to the browser console. The code uses the Fetch API and its `text()` method to retrieve the raw data, while the page itself displays a static "Hello HTML!" message styled with CSS. The visualization is minimal, focusing on demonstrating asynchronous data retrieval in a plain HTML document.

Wwenjiusongguren

79% match

Loading thumbnail…

Fork of load csv

This example shows a minimal React-style HTML page that fetches and logs a CSV file’s raw text to the browser console. It uses the native Fetch API’s `fetch` and `response.text()` to retrieve data from a GitHub Gist URL, with the result printed via `console.log`. The page’s CSS sets a large font size for the body, but no visualization or chart is rendered; the focus is purely on demonstrating asynchronous text loading.

AAliciaNiu

79% match

Loading thumbnail…

Fork of HTML Starter

This example demonstrates a minimal HTML page that fetches and logs a CSV file of CSS named colors from a GitHub gist. It uses the Fetch API in an async/await pattern to retrieve the text and output it to the browser console. The page also includes a large styled greeting message via CSS, while the JavaScript handles the data request. The code shows both an active async/await implementation and a commented-out alternative using promise chaining.

Nnncis

79% match

Loading thumbnail…

Fork of HTML Starter

This example demonstrates a minimal setup for fetching and displaying data from a remote CSV file using native browser APIs. The page renders no visible content beyond a large empty body, as the script defines an `async` function that fetches text from a GitHub gist URL but never calls it or processes the response. The code uses the Fetch API to retrieve the CSV, though the function is misspelled as `asyc` and remains unused. It relies on plain HTML, CSS, and JavaScript, with no external libraries, serving as a basic template for future data visualization work.

AAbin

78% match

Loading thumbnail…

Fork of Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data from a remote URL using the Fetch API, logging the raw text response to the browser console. The code issues a `fetch` request to a GitHub-hosted `Income.csv` file and chains a promise to read the response as text. It uses plain JavaScript promises rather than D3’s built-in CSV methods, keeping the visualization minimal while focusing on asynchronous data retrieval. Though no chart is rendered, the example serves as a foundational pattern for bringing external tabular data into a React-based D3 project.

OOraclePcs

78% match

Loading thumbnail…

Fork of HTML Starter

This example displays the text “Hello HTML” in large, centered type on a plain white page. It fetches a CSV file containing CSS named colors from a GitHub gist using the Fetch API, then logs the raw text response to the browser console. The page demonstrates basic HTML structure with inline CSS styling and asynchronous JavaScript for data retrieval, though no visualization is rendered. The code uses the global `fetch` function and `response.text()` to handle the remote data.

Ddagomezb

77% match