Fork of ICE5

100%

✓ Published0🌍 Public

Last edited Mar 9, 2023

Created on Mar 9, 2023

Forked from ICE5

This visualization presents metadata for a "Professionals Dataset" fetched from a CSV file. It displays the dataset's file size in kilobytes, the total number of rows, and the number of columns using a simple text-based output. The page is styled with a custom background image and uses the D3.js library, specifically the `d3.csv` and `d3.csvFormat` APIs, to load and analyze the raw CSV data. A hyperlink provides direct access to the source data file.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE5

This visualization displays metadata about a professionals dataset, reporting the file size, number of rows, and column count in a simple text summary. The page loads a CSV file using D3 v7’s `d3.csv`, then calculates the formatted data length with `d3.csvFormat` and presents the statistics in a preformatted message container. A background SVG image is applied via CSS, and the dataset is linked through an HTML anchor for further exploration.

SSuresh John Wesly

86% match

Loading thumbnail…

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

85% match

Loading thumbnail…

Fork of ICE5

This page displays the metadata of a GDP dataset, revealing the number of rows, columns, and file size in kilobytes after fetching a CSV. The visualization uses D3 v7’s `d3.csv` and `d3.csvFormat` to load and measure the data, then dynamically writes the summary into a `<pre>` element using `textContent`. A background SVG and hyperlink provide context and access to the dataset.

PPoojaThandra

84% match

Loading thumbnail…

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

84% match

Loading thumbnail…

Fork of ICE5

This example displays metadata about a university dataset, showing the file size, row count, and column count on a webpage. The visualization uses a custom CSS background image and presents the statistics in a large, bold text format. It loads the data from a CSV file using D3 v7, specifically the `d3.csv` and `d3.csvFormat` API functions to fetch and calculate the byte size, then updates the DOM via `getElementById` and `textContent`. The page also includes a link to view the raw dataset source.

Rradhadevarapu

83% match

Loading thumbnail…

Fork of ICE5

This page displays metadata for a student performance dataset, showing the dataset’s size in kilobytes, row count, and column count. It fetches the data from a remote CSV file using D3’s `d3.csv` function, then computes the size with `d3.csvFormat` and updates a `<pre>` element’s text content. The page’s background uses a custom SVG image via CSS, with a centered layout and red link styling.

Kkothapally123

83% match

Loading thumbnail…

Fork of Fork of ICE5

This gallery example shows metadata about a students' performance dataset, displaying the file size, row count, and column count in a large, bold centered text block. The page features a background SVG image of the dataset and links to the raw CSV data. The code uses the D3.js library’s `d3.csv` API to fetch the dataset from a GitHub gist, and `d3.csvFormat` to calculate its size. The presentation is styled with CSS, including a background image, while the metadata message is inserted into an HTML `<pre>` element.

LLakshmiManjushaReddyYarreddu

82% match

Loading thumbnail…

Fork of ICE 5

This visualization presents a utility for examining a company sales dataset pulled from a Kaggle gist. The page loads the CSV data via `d3.csv` and displays basic file statistics, including its size in kilobytes, row count, and column count, within a designated `<pre>` element. The interface is styled with black and brown text on a gray background and features an embedded image of a Fiat 500. Upon loading, the JavaScript triggers a confetti animation on a Canvas element using the `js-confetti` library, creating a celebratory effect. The example demonstrates a straightforward D3 data-loading and metadata-reporting workflow.

Cchandanagandla

82% match