ICE 5 - CSCE 5320

100%

ICE 5 - CSCE 5320

✓ Published0🌍 Public

Last edited Mar 4, 2023

Created on Mar 2, 2023

This page displays metadata for a Global Inward Remittances dataset, showing its size in kilobytes, row count, and column count. The visualization fetches a CSV file from a GitHub gist using D3 v7’s `d3.csv` method. It then calculates data size with `d3.csvFormat` and presents the information in a styled HTML page, featuring a blinking hyperlink to the dataset and a World Bank background image via CSS.

AI-generated description

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

Similar vizzes

Loading thumbnail…

ICE-5 Data Visualization

This example displays metadata about an overseas dataset, including file size, row count, and column count, on an HTML page with a custom background image. It loads a CSV using `d3.csv` from a GitHub gist URL, then uses `d3.csvFormat` to calculate the data size in kilobytes. The page is styled with CSS and uses D3 v7 to fetch and process the dataset. Both the page title and the dataset link are presented as clickable elements, with the metadata output displayed in a preformatted block.

MMounikadontireddy

85% match

Loading thumbnail…

ICE5

This page shows metadata about an electronics sales dataset, summarizing its size, row count, and column count in a text overlay. The visualization loads a CSV file from a GitHub gist using D3 v7’s `d3.csv` method, then computes the file size from the formatted CSV string’s length in kilobytes. It also counts the number of rows and columns from the parsed data, displaying all three metrics in a large red monospace block. A background SVG image and a link to the raw dataset are included as supplementary information.

Ddheeraj1509

84% match

Loading thumbnail…

ICE%

This visualization displays metadata about a credit card dataset, including its size in kilobytes, row count, and number of columns, presented as plain text on a styled page. Using D3.js v7, it loads a remote CSV file via `d3.csv`, formats the data with `d3.csvFormat`, and updates the DOM text content through `document.getElementById`. The page’s background is an SVG image applied via CSS, while the script calculates and displays the dataset’s summary information.

Ggeethanjalikotaru

83% match

Loading thumbnail…

ICE5

This page shows metadata for a software developer salaries dataset, including the file size in kilobytes, the number of rows, and the number of columns. The information is displayed as plain text within a `<pre>` element, formatted with extra line breaks and centered styling. The visualization fetches a remote CSV file using `d3.csv` and computes the metadata with `d3.csvFormat(data).length` to determine the size. A background SVG image and red hyperlinks to the dataset are also presented on the page.

RRishiAdarsh

83% match

Loading thumbnail…

ICE-05

This page displays information about a finance dataset, showing its size in kilobytes, row count, and column count within a pre-formatted text block. It achieves this by loading a CSV file from a GitHub gist using `d3.csv`, then computing the data length and the number of columns from the parsed result, formatting the output with `d3.csvFormat` and `Math.round`. The page also includes a styled background image and a link to the raw dataset, with the text presented in a large, bold, centered font.

Ssnehareddygurram

83% match

Loading thumbnail…

ICE-5 Shapes

This example presents metadata about a world population dataset within a visually styled HTML page. It displays the file size in kilobytes, row count, and column count in a `<pre>` element, calculated using `d3.csv` and `d3.csvFormat`. The page is styled with a purple background and an embedded SVG illustration, while a link directs users to the raw dataset. The code uses D3 v7 to fetch the CSV from a GitHub gist and dynamically update the text content.

SSharmaAshwini

82% match

Loading thumbnail…

ICE-5

This visualization displays a summary of a dataset, reporting the number of rows, columns, and approximate file size in kilobytes. The page loads an external CSV file and uses the D3.js library’s `d3.csv` function with the `d3.autoType` parser to automatically infer data types. After parsing, the code calculates the formatted data length and row count to construct a text message, which is rendered in a `<pre>` element using JavaScript's `getElementById` and `textContent`. The visualization also includes a static SVG image and links to the source data.

Nnikhilagopi

82% match

Loading thumbnail…

ICE5

This example displays metadata about an electronic store dataset, including its size in kilobytes, row count, and column count. The page loads a CSV file from a remote URL using D3 v7’s `d3.csv` method, then calculates and displays the dataset’s statistics inside a `<pre>` element. The background features a custom SVG image, and text styling is applied via CSS. The interface includes a hyperlink to the original dataset and uses plain JavaScript with D3’s `csvFormat` to compute the byte length of the data.

HHarshavardhan

82% match