Fork of Fork of ICE5

100%

Fork of Fork of ICE5

✓ Published0🌍 Public

Last edited Mar 3, 2023

Created on Mar 3, 2023

This gallery example shows metadata about a students' performance dataset, displaying the file size, row count, and column count in a large, bold centered text block. The page features a background SVG image of the dataset and links to the raw CSV data. The code uses the D3.js library’s `d3.csv` API to fetch the dataset from a GitHub gist, and `d3.csvFormat` to calculate its size. The presentation is styled with CSS, including a background image, while the metadata message is inserted into an HTML `<pre>` element.

AI-generated description

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

Similar vizzes

Loading thumbnail…

Fork of ICE5

This page displays metadata for a student performance dataset, showing the dataset’s size in kilobytes, row count, and column count. It fetches the data from a remote CSV file using D3’s `d3.csv` function, then computes the size with `d3.csvFormat` and updates a `<pre>` element’s text content. The page’s background uses a custom SVG image via CSS, with a centered layout and red link styling.

Kkothapally123

92% match

Loading thumbnail…

Fork of ICE5

This page displays a student performance dataset. It shows metadata about the data, including its size in kilobytes, row count, and column count, by fetching a CSV file and processing it with D3.js. The visualization uses the `d3.csv` API to load the external data and the `d3.csvFormat` API to calculate the file size. The page presents this information as plain text, with a background image of a student performance SVG and clickable links to the dataset.

Mmanjushalakshmi

91% match

Loading thumbnail…

Fork of ICE5

This example displays metadata about a university dataset, showing the file size, row count, and column count on a webpage. The visualization uses a custom CSS background image and presents the statistics in a large, bold text format. It loads the data from a CSV file using D3 v7, specifically the `d3.csv` and `d3.csvFormat` API functions to fetch and calculate the byte size, then updates the DOM via `getElementById` and `textContent`. The page also includes a link to view the raw dataset source.

Rradhadevarapu

90% match

Loading thumbnail…

Fork of Fork of ICE 5

This example displays basic metadata about a downloaded CSV dataset in a black preformatted text block beside a static SVG placeholder. It reports the formatted file size, row count, and column count after loading the data. The code uses D3’s `d3.csv` to fetch and parse the remote file, then `d3.csvFormat` to compute its byte length in kilobytes. The SVG contains an empty pattern and image reference, so no chart is rendered; the visualization is purely textual summary output.

Ppujitha532

87% match

Loading thumbnail…

ICE5

This example displays metadata about a student dataset, presenting file size, row count, and column count in a large, bold text overlay. The visualization uses D3.js v7 to fetch and parse a CSV file from a GitHub Gist via `d3.csv`, then formats the data with `d3.csvFormat` to calculate its size in kilobytes. The page’s background features a student-themed SVG image, styled with CSS. Static HTML text and links provide context, while the JavaScript dynamically updates a `<pre>` element with the computed statistics.

KKiran Jyothi Bodduluri-11604571

87% match

Loading thumbnail…

Fork of ICE5

This example displays metadata about an Olympic athletes dataset, summarizing the file size, row count, and column count in a text message. It loads a CSV file from a GitHub gist using d3.csv, then computes the dataset's size with d3.csvFormat and reports the dimensions. The page uses a custom CSS background image and blue styling, with the summary presented in a <pre> element. The code relies on D3 v7 for data loading and formatting.

Ssivamani

87% match

Loading thumbnail…

Fork of ICE5

This example displays metadata for a laptops dataset, showing the file size, row count, and column count on a webpage with a laptop background image. The page presents this summary in large, bold text under a title and a link to the dataset. The code uses D3 v7’s `d3.csv` and `d3.csvFormat` functions to fetch the CSV from a GitHub gist, calculate the character length in kilobytes, and extract the number of rows and columns, then injects the result into the DOM via `textContent`. The layout is styled with CSS for the background and centered typography.

Hhm0421

87% match

Loading thumbnail…

Fork of ICE5

This example presents metadata about an IPL 2023 players’ price dataset, displaying the file size, row count, and column count in a large, bold preformatted text block. The page uses D3 v7’s `d3.csv` to fetch and parse the CSV from a GitHub gist, then relies on `d3.csvFormat` to calculate the dataset size in kilobytes. Styled with a background image and red headings via CSS, the visualization is a minimal HTML page that summarizes the data’s structure without plotting any charts.

Vvryvarma5577@gmail.com

86% match