ICE5

100%

✓ Published2🌍 Public

Last edited Feb 28, 2023

Created on Feb 28, 2023

Forked from ICE5

This page displays metadata about a GoodReads customer dataset, including its size in kilobytes, row count, and column count. The visualization loads a CSV file from a GitHub gist using `d3.csv` and processes the data with `d3.csvFormat` to calculate the file size. It then updates the text content of a `<pre>` element via the DOM API. The page is styled with simple CSS, using coral backgrounds and centered headings, and runs on React with D3 v7.

AI-generated description

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

Similar vizzes

Loading thumbnail…

ICE5

This visualization displays metadata for a Goodreads customer dataset, including its size in kilobytes, row count, and column count. It uses D3 v7’s `d3.csv` to fetch a remote CSV file and `d3.csvFormat` to calculate the data length. The result is rendered as plain text inside a designated `pre` element, with a dark background and a centered SVG image from an external URL. The page includes links to view the raw dataset and is styled with CSS.

AAkhilaSiripurapu

96% match

Loading thumbnail…

ICE5

This example displays the metadata of a Good Reads customer dataset, presenting the file size, row count, and column count as plain text. The page uses D3 v7’s `d3.csv` to fetch a remote CSV file, then applies `d3.csvFormat` to calculate the data size in kilobytes and `Math.round` for the row and column counts. A CSS background image of a coder and styled headings provide the visual context, while the results are rendered into a `<pre>` element using `document.getElementById`.

Aakhila157

93% match

Loading thumbnail…

ICE5

This page displays metadata about an imaginary shop’s customer dataset, including file size, row count, and column count. A background image from an SVG file and CSS text shadows create a themed presentation. The code loads a CSV file from a GitHub gist using `d3.csv`, formats it with `d3.csvFormat`, and writes the computed statistics into a `<pre>` element via `textContent`. The page is styled with custom CSS and uses D3 v7 for data loading and formatting.

AAniv Chakravarty

85% match

Loading thumbnail…

ICE5

This example displays metadata from a store dataset, including row count, column count, and file size, presented as text on a styled HTML page with a background image. It fetches a CSV file from a GitHub Gist using D3’s `d3.csv` function, then formats the data with `d3.csvFormat` and calculates its size in kilobytes. The visualization is rendered with plain HTML elements, including headings and a `<pre>` block, styled by a linked CSS file, and uses React only as a framework reference. The page relies on D3 v7 and JavaScript for data retrieval and message assembly.

SSravaniPosina

85% match

Loading thumbnail…

ICE5

This visualization presents a summary of an Amazon product dataset, displaying the dataset's file size and row count on a page with a background image. It uses d3.csv to fetch a remote CSV file and d3.csvFormat to calculate the data size. The page displays the total number of rows and the size in kilobytes, providing a basic overview of the data about product names, prices, and ratings. The visualization is a simple text-based summary rather than a graphical chart.

Ggeethikal

83% match

Loading thumbnail…

ICE 5

This example displays a text-based summary of a CSV dataset, showing the file size in kilobytes, row count, and column count. It loads data from a GitHub-hosted CSV file using `d3.csv`, then computes the formatted output size with `d3.csvFormat` and reads `data.length` and `data.columns.length` to report the statistics. The page uses a custom background image from a GitHub gist, styled with CSS, and outputs the results into a `<pre>` element via `document.getElementById`. The code also links to the original Kaggle company sales dataset.

Nnavyasrimeka9@gmail.com

83% match

Loading thumbnail…

ICE5

This example presents metadata about a credit card customer dataset. It displays the dataset’s size in kilobytes, row count, and column count on a webpage overlaid with a credit card background image. The code loads a CSV file using D3 v7’s `d3.csv` method, then computes the size of the formatted data with `d3.csvFormat` and updates the text content of a `<pre>` element. The page is styled with CSS and uses a link to the raw dataset source.

Ssaisreearibandi

83% match

Loading thumbnail…

ICE5_11540905

This example displays a dataset summary for customer order information, showing the file size in kilobytes along with the total row and column counts. The visualization uses a custom background image and styled headings to present a linked CSV dataset. It loads data from a remote GitHub-hosted CSV file using the `d3.csv` method, then calculates and renders the metadata into a preformatted text element. The page utilizes D3 v5 within a plain HTML structure, with no additional frameworks beyond the core library.

Nnagasai-gummadi

83% match