Skip to main content
SimilarExport ZIP
100%

Fork of ICE5

✓ Published0🌍 Public
MMadan05101998
Last edited Mar 1, 2023
Created on Mar 1, 2023
Forked from ICE5

This example presents a webpage that reports metadata about a mobile phone dataset. It shows the dataset’s size in kilobytes, the number of rows, and the number of columns, along with a link to view the raw data. The code uses D3 v7’s `d3.csv` to load data from a GitHub gist and `d3.csvFormat` to calculate the file size. The resulting message is displayed inside a `<pre>` element, while CSS sets a credit card image as the page background.

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 page displays information about a mobile phones dataset, showing the number of rows and columns in the data. It uses D3 v7 and d3.csv to load a CSV file from a GitHub gist and writes the summary to the page. The page styling, including a green background and centered headings, is defined in CSS, with the dataset details presented in a large bold preformatted text block.

MMadan05101998
89% 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 as text on a webpage. It loads a CSV file from a GitHub gist using D3 v7’s `d3.csv` method, then formats the data with `d3.csvFormat` to calculate the size. The resulting message is inserted into a `<pre>` element via the DOM API `textContent`. The page includes a link to the dataset and uses minimal CSS for styling, with JavaScript handling all data processing and display.

PPYATA SHARAN
88% 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
88% 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
88% match
Loading thumbnail…

Fork of ICE5

This example displays metadata for a laptops dataset, showing the file size, row count, and column count on a webpage with a laptop background image. The page presents this summary in large, bold text under a title and a link to the dataset. The code uses D3 v7’s `d3.csv` and `d3.csvFormat` functions to fetch the CSV from a GitHub gist, calculate the character length in kilobytes, and extract the number of rows and columns, then injects the result into the DOM via `textContent`. The layout is styled with CSS for the background and centered typography.

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

Fork of ICE5

This visualization displays metadata about a credit card customer dataset, reporting the file size, row count, and column count as text on the page. It loads the data from a CSV file hosted on GitHub using `d3.csv`, then formats the raw data with `d3.csvFormat` to calculate its size in kilobytes. The page is built with HTML, CSS, and D3.js v7, and presents the information in a simple `<pre>` element via the DOM API `textContent`.

PPYATA SHARAN
85% match