t20

100%

✓ Published1🌍 Public

Last edited Mar 4, 2023

Created on Mar 4, 2023

Forked from ICE5

This page displays metadata about the T20 cricket dataset, including its size in kilobytes, number of rows, and number of columns. It fetches the dataset from a CSV file hosted on GitHub using d3.csv, then computes the metadata by measuring the length of d3.csvFormat output and accessing the data array and its columns property. The results are displayed as plain text in a pre element, with a credit card SVG background and red hyperlink styling from the CSS.

AI-generated description

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

Similar vizzes

Loading thumbnail…

t20

This example shows metadata about a t20 cricket players dataset, including its size, row count, and column count. It uses D3 v7 to fetch a CSV file via `d3.csv`, then computes the dataset’s size in kilobytes using `d3.csvFormat(data).length`. The results are displayed as plain text inside a `<pre>` element, with a background image and dataset link provided in the HTML/CSS. The page’s heading and anchor tags present the data source and a clickable reference.

Aayodhyanandh

93% match

Loading thumbnail…

Fork of t20

This example displays metadata about a T20 cricket dataset, including its size in kilobytes, row count, and column count. The page fetches the dataset from a GitHub-hosted CSV file using `d3.csv`, then calculates and presents these statistics in a styled `<pre>` container. The page uses D3 v7 for data loading and formatting via `d3.csvFormat`, with CSS providing a credit card image as the background. The visualization is minimal, focusing on textual summary output rather than graphical charts.

Aayodhyanandh

88% match

Loading thumbnail…

ice5

This visualization displays the contents of a CSV file containing T20 cricket series data. The page shows a header, two static SVG images of a house and a human, and a large text message reporting the dataset's size, row count, and column count. The code uses D3 v7’s `d3.csv` to fetch the data from a GitHub Gist URL, then calculates the file size via `d3.csvFormat(data).length` and counts rows and columns programmatically. Results are rendered into a `pre` element using standard DOM manipulation through `document.getElementById`.

VVenkata Sai Preetham

75% match

Loading thumbnail…

ICE 5 - Cricket t20 Data with D3

This example loads a cricket T20 dataset from a CSV file using d3.csv and displays a summary of its size, row and column counts, followed by a styled preview table of the first ten rows. The table is rendered dynamically with D3 selections, joining header and cell elements. The visualization emphasizes data overview and readability through CSS styling, including sticky headers, zebra striping, hover effects, and right-aligned numeric columns.

AArun Kumar M

74% match

Loading thumbnail…

Untitled

This example displays metadata for a Singapore tax returns dataset, reporting its file size, row count, and column count from a CSV file. The page presents this information as styled text, alongside a link to view the dataset and a background image. The code uses D3’s `d3.csv` to fetch the remote CSV, `d3.csvFormat` to serialize it for size calculation, and `data.columns.length` to count columns. The visualization emphasizes textual data summary rather than graphical charts.

IIndhuKrishnaraj

73% match

Loading thumbnail…

ICE-5

This example displays metadata about a COVID-19 dataset, showing the file size in kilobytes, row count, and column count as plain text on a black background. It fetches a CSV from a GitHub gist URL using `d3.csv`, then formats the loaded data with `d3.csvFormat` to calculate the byte length. The result is written to a `<pre>` element via `textContent`. The code uses D3 v5 and is embedded in a minimal HTML page with CSS styling.

GGnanaDeepthiPasam

73% match

Loading thumbnail…

ICE5

This example displays metadata about an electronic store dataset, including its size in kilobytes, row count, and column count. The page loads a CSV file from a remote URL using D3 v7’s `d3.csv` method, then calculates and displays the dataset’s statistics inside a `<pre>` element. The background features a custom SVG image, and text styling is applied via CSS. The interface includes a hyperlink to the original dataset and uses plain JavaScript with D3’s `csvFormat` to compute the byte length of the data.

HHarshavardhan

73% match

Loading thumbnail…

ICE 5

This page displays metadata about the IPL 2016 dataset, including its size in kilobytes, row count, and column count. It uses D3 v7’s `d3.csv` to fetch a CSV file from a GitHub gist and `d3.csvFormat` to compute the data’s size. The page presents the information in a styled `<pre>` element, with a background SVG image and linked dataset details.

Vvineeth-001

72% match