Assignment

Last edited Mar 1, 2023

Created on Mar 1, 2023

Forked from ICE5

This is a web page that presents metadata about a credit card customer dataset, displaying the dataset’s size in kilobytes, row count, and column count. The page uses a credit card background image and provides a link to view the full dataset. It is built with HTML and CSS, and uses the D3.js library (version 7.3.0) to fetch the data from a CSV file via `d3.csv` and format it with `d3.csvFormat` before displaying it in a `<pre>` element. The JavaScript code calculates the file size, row count, and column count to generate the summary message.

AI-generated description

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

Similar vizzes

Fork of Madan Datta ICE-5

This page displays metadata about a credit card customer dataset, including file size in kilobytes, row count, and column count, presented as plain text in a styled `<pre>` element. The background features a credit card SVG image, and the dataset is accessible via a linked CSV file. The code uses D3 v7’s `d3.csv` to fetch and parse the remote CSV, then `d3.csvFormat` to calculate its byte length, and updates the DOM via `document.getElementById`. CSS handles the centered layout and background styling.

85% match

Fork of ICE5

This example displays metadata about a credit card customer dataset, showing the file size in kilobytes, row count, and column count from a CSV file. The page uses a credit card background image and presents the information in a centered, bold text block. It loads remote data with the D3.js v7 `d3.csv` method and formats the response using `d3.csvFormat` to calculate the data size. The visualization is a minimal HTML page styled with CSS and includes a link to view the raw dataset.

84% match

Fork of ICE5

84% match

ICE5

This example presents metadata about a credit card customer dataset. It displays the dataset’s size in kilobytes, row count, and column count on a webpage overlaid with a credit card background image. The code loads a CSV file using D3 v7’s `d3.csv` method, then computes the size of the formatted data with `d3.csvFormat` and updates the text content of a `<pre>` element. The page is styled with CSS and uses a link to the raw dataset source.

Ssaisreearibandi

83% match

Fork of ICE5

This example displays metadata about a credit card customer dataset, including file size, row count, and column count, presented as text on a page with a credit card background image. The code loads the CSV data from a GitHub gist using `d3.csv`, then computes the formatted size with `d3.csvFormat` and counts rows and columns. It dynamically updates a `<pre>` element by setting its text content via the DOM API. The page uses D3 v7, CSS styling, and a linked dataset source, with no interactive charts or additional visual encodings.

YYarreddu

SAMPLE FORK

This example displays metadata summary information about a credit card customer dataset, presenting the file size in kilobytes, row count, and column count prominently on a page featuring a credit card background image. The code uses D3.js version 7’s `d3.csv` to fetch the CSV file from a GitHub gist URL and `d3.csvFormat` to calculate its byte length. The page is styled with CSS, including a background SVG image and centralized headings, with the computed statistics rendered into a `<pre>` element via JavaScript DOM manipulation.

IIndiraSiripurapu

Fork of ICE5

This example displays metadata about a credit card customer dataset, showing the file size in kilobytes, the number of rows, and the number of columns in a preformatted text block. The visualization fetches a remote CSV file using the `d3.csv` API, then calculates and formats the metadata with `Math.round` and `d3.csvFormat`. The page is styled with CSS, including a credit card SVG background image, and uses D3.js v7 within a basic HTML structure. The dataset is linked for reference, and the computed information is presented as plain text in a centered `<pre>` element.

Rradhadevarapu

Fork of ICE5

Rradhadevarapu