Fork of color

100%

✓ Published0🌍 Public

KKate-2222004

Last edited Jun 17, 2021

Created on Jun 17, 2021

Forked from color

This example displays a minimal text readout of a CSV dataset, showing row count and file size in kilobytes. It uses D3 v7’s `d3.csv` loader to fetch a gist-hosted list of CSS named colors. The rendered `<pre>` element updates with two lines of summary statistics. The code also includes commented-out alternatives using raw `fetch` and `d3.csvParse`, demonstrating equivalent data-loading strategies without altering the visible output.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Loading and Parsing CSV Data

This example displays a text summary of the CSS Named Colors CSV file, showing its size in kilobytes, row count, and column count. The page uses d3.csv to fetch and parse the remote gist data, then d3.csvFormat to measure its length. The code also demonstrates alternative approaches with fetch, async/await, and d3.csvParse, though they remain commented out. The D3 v5 library handles the data loading, while a plain HTML `<pre>` element renders the resulting message in large type.

FFernando C. Filho

90% match

Loading thumbnail…

Fork of Loading and Parsing CSV Data

This example displays a plain-text summary of the CSS Named Colors CSV dataset loaded from a remote gist, showing its size in kilobytes, row count, and column count. It uses D3 v5’s `d3.csv` method to fetch and parse the data, then computes the formatted text with `d3.csvFormat`. The code also demonstrates alternative approaches commented out, including `fetch` with `async`/`await` and `d3.csvParse`, as well as a "pyramid of doom" pattern. The rendered output appears in a large `<pre>` element.

Llingfa

89% match

Loading thumbnail…

Fork of HTML Starter

This example displays summary statistics from a CSV file of CSS named colors. It fetches the remote dataset with D3’s `d3.csv` method, then reports the file size in kilobytes, the total row count, and the number of columns. The output appears as plain text inside a `<pre>` element. A commented-out alternative demonstrates using `fetch` with `d3.csvParse`. The page is built with vanilla HTML, CSS, and JavaScript, loading D3 v6 from a CDN.

KKenneth Silvere

88% match

Loading thumbnail…

Fork of Fork of Css Named Colors/ Loading and parsing csv data

This example loads a CSV file of CSS named colors from a remote GitHub gist and displays basic dataset statistics in a large HTML `<pre>` element. It shows the file size in kilobytes, the number of rows, and the number of columns. Using D3 v7, the code calls `d3.csv()` to fetch and parse the data, then accesses `data.length`, `data.columns.length`, and `d3.csvFormat()` to compute the metrics. The parsed result is rendered as plain text via the DOM’s `textContent`.

Aalokagase

88% match

Loading thumbnail…

Fork of HTML Starter

This example displays a summary of a CSV file containing CSS named colors. It fetches the data from a remote gist URL, then computes and presents the file size in kilobytes, the row count, and the column count within an HTML `<pre>` element. The code uses the D3.js version 6 library, specifically the `d3.csv` and `d3.csvFormat` functions, to handle data loading and formatting. The visualization is a simple text-based report of the dataset's structure, rendered on a plain HTML page.

Vvram80

88% match

Loading thumbnail…

Fork of Loading and Parsing CSV Data

This example displays a large-format text summary of a CSV dataset, specifically the CSS Named Colors collection, showing its size in kilobytes, row count, and column count. The visualization uses D3.js version 5 to load and parse the remote CSV file via `d3.csv`, then formats the statistics using `d3.csvFormat`. The resulting message is rendered inside an HTML `<pre>` element, with the code demonstrating both the primary `d3.csv` approach and alternative commented methods using `fetch`, async/await, and `d3.csvParse`.

Vvram80

88% match

Loading thumbnail…

Fork of HTML Starter

This example displays a minimalist text summary of the CSS named colors dataset, showing the file size in kilobytes, row count, and column count in a large monospaced font. It loads the CSV from a GitHub gist using d3.csv, then formats and calculates the dataset’s properties with d3.csvFormat and string length. The resulting message is injected into a pre element via textContent. The code also includes commented-out alternatives using fetch and d3.csvParse, highlighting the primary approach with D3’s promise-based CSV handling.

Hhasti khajeh

88% match

Loading thumbnail…

Fork of Loading and Parsing CSV Data

This example displays a summary of a CSV dataset containing CSS named colors. It computes the file size in kilobytes, the number of data rows, and the number of columns, then renders these three statistics in a large HTML `<pre>` element. The code uses the D3.js v5 library’s `d3.csv` function to fetch and parse the remote CSV file, and `d3.csvFormat` to calculate the size of the formatted data. The visualization is minimal, focusing on textual output rather than graphical representation.

SS-Zins

88% match