Fork of ICE5

100%

✓ Published0🌍 Public

Last edited Mar 3, 2023

Created on Mar 3, 2023

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

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

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

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

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…

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

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

86% match

Loading thumbnail…

Fork of ICE-5

This example displays a dataset of 500 attributes, summarizing its size in kilobytes, row count, and column count in a large red text block. The page also presents a bold blue title and an embedded star SVG image. Built with D3.js v7, it uses the `d3.csv` method to fetch and parse a remote CSV file from a GitHub gist, then formats the data with `d3.csvFormat` to compute its byte size for the summary. Static HTML and CSS structure the layout, while JavaScript handles the asynchronous data loading and DOM updates.

NNaimisha-M

85% match

Loading thumbnail…

Fork of ICE-5: Welcome to ICE-5 Data visualization

This visualization uses D3.js to load and summarize a CSV dataset of the top 100 actors. It fetches the data via `d3.csv` and displays a plain-text message indicating the file size in kilobytes, the number of rows, and the column count. The page also embeds an external SVG image and applies CSS styling for prominent headings and text. The chart focuses on conveying basic dataset metrics rather than complex graphical representations.

KKeerthipriyaBankuru

85% match