css_colours

100%

✓ Published0🌍 Public

Last edited Apr 25, 2021

Created on Apr 25, 2021

This example displays a single color sampled from a CSS named colors dataset, rendered as a full-screen background. It fetches a CSV file from a GitHub gist using the Fetch API, parses the text, and logs the data to the console. The page uses basic HTML and CSS for styling, with a JavaScript async function to retrieve the remote data source.

AI-generated description

a program that loads an parses csv data

MIT Licensed

Similar vizzes

Loading thumbnail…

css named colors

This example demonstrates the full set of CSS named colors by fetching a CSV file from a GitHub gist and logging its contents to the console. The page uses the Fetch API’s `fetchText` function to asynchronously retrieve the raw CSV data, then calls `.then()` to output the text. While the code currently only prints the data, it sets up a foundation for visualizing the colors, though no rendering or charting library is yet applied. The example relies on standard web APIs and plain JavaScript, with no external visualization framework.

Eerin

85% match

Loading thumbnail…

CSS Colours

This example visualizes the 148 named CSS colours by fetching and parsing a CSV file of colour names and values from a remote gist. It uses `fetch` to retrieve the data and `d3.csvParse` to convert the raw text into structured rows, then logs the file size, row count, and column count to the browser console. The page is a minimal HTML document that loads D3 v7 from a CDN and embeds all logic in a script tag, demonstrating a straightforward data-loading pipeline without any graphical rendering.

EEd Hutchinson

85% match

Loading thumbnail…

css color csv

This example displays a web page titled “CSS color vis” that fetches a CSV file of CSS color names and values from a GitHub gist. It uses the Fetch API to load the remote CSV, then logs the raw text data to the browser console. The visualization itself is not implemented; the code only demonstrates the initial data retrieval step without any graphical rendering or charting library.

Llucaly74@gmail.com

84% match

Loading thumbnail…

CSS Colors

This example displays the text “CSS Colors” in a massive, centered font using CSS styling on a minimal HTML page. It fetches a CSV file of named color values from a GitHub gist via the Fetch API, then logs the raw text response to the browser console. The visualization is a simple demonstration of loading external data with JavaScript and rendering styled HTML, without any data-binding or charting library. The page relies entirely on native browser APIs and CSS for its presentation.

KKoundinya

83% match

Loading thumbnail…

CssColor

This example demonstrates loading a CSV file containing CSS color names from a remote URL and logging its contents to the browser console. It uses the JavaScript `fetch` API with an asynchronous function to retrieve the text data from a GitHub Gist, then outputs the raw CSV text via `console.log`. The page is a minimal HTML document with embedded JavaScript, using no external libraries. The visualization is not yet rendered; it only fetches and logs the data, serving as a preliminary step for a future color-related application.

Llsternberg

82% match

Loading thumbnail…

CssNamedColors Viz

This example fetches a CSV file of CSS named colors from a GitHub gist and logs its contents to the browser console. It uses the Fetch API with an asynchronous `fetchText` helper to retrieve the raw text data. The visualization itself is not yet rendered, as the current code only demonstrates the data-loading step. It is built with plain HTML and JavaScript, without any external libraries or frameworks beyond the browser’s native fetch.

Cco

81% match

Loading thumbnail…

CSS colors

This example demonstrates how to fetch and log a CSV dataset of CSS named colors from a GitHub gist using the native Fetch API, then render a static “Hello HTML!” message styled with CSS. The code defines a `.message` class with a large font size and center alignment, but does not yet visualize the color data. It relies on `fetchText` with `async`/`await` to retrieve the CSV text and prints it to the console. The page uses plain HTML, CSS, and JavaScript without external libraries.

Ssophiasharif

81% match

Loading thumbnail…

CSS Colors

This example loads a CSV of CSS named colors and logs the row count to the console. It fetches the data asynchronously using `d3.csv` with a Promised-based callback, then reports the number of rows once parsing completes. The visualization itself is not yet rendered; the code only demonstrates data ingestion and verification. The data originates from a GitHub gist containing the full set of CSS color names. The page uses D3 v7, loaded via a CDN script tag.

NNick Hartmann (Data Science)

81% match