Skip to main content
SimilarExport ZIP
100%

ICE-05

✓ Published0🌍 Public
Ssnehareddygurram
Last edited Mar 4, 2023
Created on Mar 3, 2023
Forked from Hello HTML

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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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
87% match
Loading thumbnail…

ICE 5

This example displays a text-based summary of a CSV dataset, showing the file size in kilobytes, row count, and column count. It loads data from a GitHub-hosted CSV file using `d3.csv`, then computes the formatted output size with `d3.csvFormat` and reads `data.length` and `data.columns.length` to report the statistics. The page uses a custom background image from a GitHub gist, styled with CSS, and outputs the results into a `<pre>` element via `document.getElementById`. The code also links to the original Kaggle company sales dataset.

Nnavyasrimeka9@gmail.com
86% 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
84% 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
84% match
Loading thumbnail…

ICE5

This example displays metadata about a COVID-19 dataset, reporting its size in kilobytes, row count, and column count as plain text on a page with a coronavirus-themed background. It loads the data from a remote CSV file using `d3.csv`, formats the content with `d3.csvFormat`, and calculates the byte length of the formatted string. The page uses D3 v7 to fetch and process the data, then updates a DOM element’s text content to present the summary.

NNiharika-Guthikonda
84% match
Loading thumbnail…

ICE-5

This example displays credit card information by loading a CSV dataset from a GitHub gist and reporting its size in kilobytes. The page uses D3 version 7 to fetch the data with `d3.csv`, format it with `d3.csvFormat`, and display a summary message in a `<pre>` element. The visualization is minimal, showing only the dataset's metadata rather than a graphical chart.

CChandrashekharRamamuthi
84% match
Loading thumbnail…

ICE-5

This page displays information about home loan customers, with a dataset summary shown in the top-right corner. The example reports the dataset's size in kilobytes, row count, and column count. It uses D3’s `d3.csv` function to fetch the CSV file from a GitHub Gist, then applies `d3.csvFormat` to calculate the byte size. The background features a custom SVG illustration, while the page layout is styled with CSS. The metadata summary is injected into a pre-formatted text container using JavaScript’s DOM manipulation.

JJasvitha Allamsetty
83% match
Loading thumbnail…

ICE5

This example displays metadata about a sales department dataset, showing the file size in kilobytes, row count, and column count as plain text on a page. The data is fetched from a CSV file using the `d3.csv` method, and the output is formatted with `d3.csvFormat` to calculate the file size. The page presents the information within a pre-styled container, alongside headers and a link to the source dataset. The visualization relies on the D3.js library, version 7.3.0, loaded via a CDN.

TTejaswicmandava
83% match