Skip to main content
SimilarExport ZIP
100%

Fork of ICE5

✓ Published0🌍 Public
Rradhadevarapu
Last edited Mar 1, 2023
Created on Mar 1, 2023
Forked from 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.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

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

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.

MMadan05101998
96% match
Loading thumbnail…

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.

MMadan05101998
96% match
Loading thumbnail…

Fork of ICE5

This visualization presents metadata about a credit card customer dataset, fetched from an external CSV file. It displays the dataset’s size in kilobytes, row count, and column count as plain text in a large, bold, centered `<pre>` element. The page shows a credit card SVG as a background image and includes a hyperlink to view the raw data. The code uses the D3.js `d3.csv` function to parse the remote CSV and `d3.csvFormat` to calculate its size, reporting the results without any graphical charts or interactive elements.

Vvamshisoletii
96% match
Loading thumbnail…

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

Fork of ICE5

This example displays metadata about a credit card customer dataset, including its size in kilobytes, row count, and column count. The page shows a title, a link to the underlying CSV file, and the computed statistics in a large, bold text block. It uses D3 v7’s `d3.csv` and `d3.csvFormat` to fetch the data from a GitHub Gist and calculate the size, while a custom CSS background image of a credit card is applied. The result is presented as raw text, not a visual chart.

Ssivamani
95% 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
94% 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
94% match