Fork of ICE5

Last edited Mar 1, 2023

Created on Mar 1, 2023

Forked from 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.

AI-generated description

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

Similar vizzes

Fork of 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.

89% match

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

82% match

Fork of ICE-5

This example displays a dataset of 500 attributes, summarizing its size in kilobytes, row count, and column count in a large red text block. The page also presents a bold blue title and an embedded star SVG image. Built with D3.js v7, it uses the `d3.csv` method to fetch and parse a remote CSV file from a GitHub gist, then formats the data with `d3.csvFormat` to compute its byte size for the summary. Static HTML and CSS structure the layout, while JavaScript handles the asynchronous data loading and DOM updates.

NNaimisha-M

81% match

Fork of ICE5

This example presents metadata about an IPL 2023 players’ price dataset, displaying the file size, row count, and column count in a large, bold preformatted text block. The page uses D3 v7’s `d3.csv` to fetch and parse the CSV from a GitHub gist, then relies on `d3.csvFormat` to calculate the dataset size in kilobytes. Styled with a background image and red headings via CSS, the visualization is a minimal HTML page that summarizes the data’s structure without plotting any charts.

Vvryvarma5577@gmail.com

81% match

Fork of ICE5

This page displays a student performance dataset. It shows metadata about the data, including its size in kilobytes, row count, and column count, by fetching a CSV file and processing it with D3.js. The visualization uses the `d3.csv` API to load the external data and the `d3.csvFormat` API to calculate the file size. The page presents this information as plain text, with a background image of a student performance SVG and clickable links to the dataset.

Mmanjushalakshmi

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.

Fork of ICE5

Fork of ICE-5 mm

This example presents a tabular preview of a car performance dataset, displaying the first ten rows from a CSV file loaded from a remote GitHub gist. The page shows a summary of the dataset’s size, row count, and column count above the table. The visualization is built using the D3.js v7 library, specifically using `d3.csv` to parse the data and `d3.select` with `.append` and `.join` methods to construct the HTML table structure. Styling is applied via an external CSS file, with column headers transformed from underscores to uppercase text.

Kkmuktha09@gmail.com