ICE-5-PS

100%

✓ Published0🌍 Public

Last edited Mar 2, 2023

Created on Mar 1, 2023

This visualization displays the metadata of an Olympic participants dataset, showing the file size, row count, and column count of a Tokyo Olympics CSV. A large text message presents these figures, while the page background features an Olympics-themed SVG image. The implementation uses D3 v7’s `d3.csv` to load the dataset from a GitHub gist and `d3.csvFormat` to calculate its size in kilobytes. The page is styled with custom CSS, including a hyperlink to the raw dataset and decorative headings.

AI-generated description

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

Similar vizzes

Loading thumbnail…

Fork of ICE5

This example displays metadata about an Olympic athletes dataset, summarizing the file size, row count, and column count in a text message. It loads a CSV file from a GitHub gist using d3.csv, then computes the dataset's size with d3.csvFormat and reports the dimensions. The page uses a custom CSS background image and blue styling, with the summary presented in a <pre> element. The code relies on D3 v7 for data loading and formatting.

Ssivamani

84% match

Loading thumbnail…

ICE-5 Data Visualization

This example displays metadata about an overseas dataset, including file size, row count, and column count, on an HTML page with a custom background image. It loads a CSV using `d3.csv` from a GitHub gist URL, then uses `d3.csvFormat` to calculate the data size in kilobytes. The page is styled with CSS and uses D3 v7 to fetch and process the dataset. Both the page title and the dataset link are presented as clickable elements, with the metadata output displayed in a preformatted block.

MMounikadontireddy

84% match

Loading thumbnail…

Fork of ICE 5

This example displays Olympic Games data summary statistics, showing the file size, row count, and column count of a CSV dataset loaded from a remote URL. It uses D3 v7’s `d3.csv` to fetch and parse the data, then `d3.csvFormat` to calculate the byte size. The page presents the result in a text block and includes a static image of the Paris Olympics. A hyperlink to the raw data source is also provided, with the page styled using CSS for centered layout and hover effects on the image.

Cchandanagandla

84% match

Loading thumbnail…

ICE 5

This example fetches Olympic athlete data from a remote CSV file using d3.csv and displays basic dataset statistics, including file size, row count, and column count, as text within an HTML pre element. The page renders a static SVG image using a base64-encoded PNG pattern. It relies on D3 v7 for data loading and formatting, with a React starter framework, though the visible code uses plain JavaScript and CSS for layout.

NNaveen Kumar

83% match

Loading thumbnail…

ICE5

This example summarizes the metadata of an employee dataset loaded from a remote CSV file. It uses D3.js v7’s `d3.csv` to fetch the data, then calculates and displays the file size in kilobytes, the total row count, and the number of columns. The computed metrics are presented as text inside a `<pre>` element, while a background SVG image (ICE-5) and hyperlinks provide context and access to the raw dataset.

Bbhanuprasadk19

82% match

Loading thumbnail…

ICE5

This example displays metadata about a student dataset, presenting file size, row count, and column count in a large, bold text overlay. The visualization uses D3.js v7 to fetch and parse a CSV file from a GitHub Gist via `d3.csv`, then formats the data with `d3.csvFormat` to calculate its size in kilobytes. The page’s background features a student-themed SVG image, styled with CSS. Static HTML text and links provide context, while the JavaScript dynamically updates a `<pre>` element with the computed statistics.

KKiran Jyothi Bodduluri-11604571

82% match

Loading thumbnail…

ICE-5

This example displays metadata from a COVID-19 vaccination dataset for U.S. jurisdictions, showing file size, row count, and column count. The visualization uses D3 v7’s `d3.csv` to load the data and `d3.csvFormat` to calculate its size, then updates text content in the DOM. An SVG background image and CSS styling frame the page, while a hyperlink points to the original dataset on GitHub.

SSanjib Paudel

82% 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

82% match