Skip to main content
SimilarExport ZIP
100%

Deepika ICE5 Submission

✓ Published0🌍 Public
Ddeepika-dpka
Last edited Mar 9, 2023
Created on Mar 8, 2023
Forked from ICE5

This page explores the meta data of a credit card dataset, displaying the dataset’s size in kilobytes, the number of rows, and the number of columns. The data is loaded from a remote CSV file using d3.csv, and the resulting summary is inserted into a pre element on the page. The page’s visual design is built with CSS, including a background image of candies sourced from a GitHub repository, alongside orange and skyblue headings. The project also links to the dataset, which is publicly hosted on GitHub Gist.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

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
Loading thumbnail…

Fork of ICE5

This page 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 large, bold preformatted text block. It loads the dataset from a CSV URL using D3 v7’s `d3.csv` method, then formats the data with `d3.csvFormat` to calculate the byte length. The page uses a credit card SVG as a background image via CSS and includes hyperlinks to view the dataset and related documentation.

SSravaniPosina
82% match
Loading thumbnail…

Fork of ICE5

This page displays metadata about a credit card customer dataset, including its size in kilobytes, row count, and column count. It uses D3 v7 to fetch a CSV file from a GitHub gist and parse it with `d3.csv`. The resulting information is formatted using `d3.csvFormat` and written to the page’s DOM via `textContent`. A CSS background image of a credit card and hyperlink to the source dataset are also included.

SSravaniPosina
82% match
Loading thumbnail…

Fork of ICE5

This page presents a summary of credit card customer data, displaying the dataset’s metadata—its size in kilobytes, row count, and column count—in a large, bold text block. It uses a credit card SVG as a background image and relies on D3.js (v7) to load the CSV data with `d3.csv()` and format it with `d3.csvFormat()`. The visualization’s output is minimal, showing the information via a text message in a centered container.

Ssivamani
81% match
Loading thumbnail…

ice-5

This example displays credit card dataset metadata in a web page, showing the computed size of the CSV in kilobytes, the row count, and the column count from a remote CSV file loaded via `d3.csv`. The page uses D3 version 7 to fetch and parse the data from GitHub, then presents the summary text within a `pre` element. The visualization also incorporates a background SVG image and a hyperlink for viewers to access the original dataset.

CChandrashekharRamamuthi
81% match
Loading thumbnail…

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

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

Fork of ICE5

This visualization displays metadata about a credit card customer dataset, including its size in kilobytes, row count, and column count. The page presents a large credit card background image and clearly labeled headers, with the computed statistics shown in a preformatted text block. It uses D3 v7’s `d3.csv` to fetch the dataset from a GitHub gist URL and `d3.csvFormat` to measure its length. The data itself is not visualized graphically; only summary metrics are computed and displayed via DOM text content.

RRishiAdarsh
81% match