Fork of ICE5

100%

✓ Published0🌍 Public

Last edited Mar 8, 2023

Created on Mar 8, 2023

Forked from 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.

AI-generated description

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

Similar vizzes

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

95% match

Loading thumbnail…

Fork of Fork of ICE5

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.

LLakshmiManjushaReddyYarreddu

92% 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

89% match

Loading thumbnail…

ICE5

This page displays metadata about a student performance dataset. It shows the dataset’s size in kilobytes, its row count, and its column count inside a preformatted text block. The visualization uses D3 v7’s `d3.csv` and `d3.csvFormat` functions to load and calculate the metadata, with the resulting message inserted into the DOM via `textContent`. The page also links to the raw CSV file hosted on GitHub Gist, and uses basic CSS for styling with a background image.

YYarreddu

88% 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

86% match

Loading thumbnail…

Fork of Fork of ICE-5

This example displays the size, row count, and column count of a CSV dataset in a styled web page. It loads data from a remote gist URL using D3 v7’s `d3.csv`, then computes the formatted data length in kilobytes with `d3.csvFormat`, and presents the results in a `<pre>` element. The page also includes decorative inline SVG artwork and custom CSS styling for a colorful background and headings.

MMar-99

86% match

Loading thumbnail…

Fork of Sriram ICE

This page displays metadata about a student dataset, including its size in kilobytes, row count, and column count, rendered as a large blue text block. It fetches the CSV data from a GitHub gist using `d3.csv` and calculates the file size with `d3.csvFormat`. The visualization also includes a background SVG image and a hyperlink to the raw dataset. The code uses D3 v7 within a minimal HTML and CSS setup.

SSriram-Voruganti

86% match