ICE5

100%

✓ Published0🌍 Public

Last edited Mar 1, 2023

Created on Mar 1, 2023

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

AI-generated description

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

Similar vizzes

Loading thumbnail…

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.

AAkhilaSiripurapu

93% match

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

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

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

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

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

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

87% match

Loading thumbnail…

ICE5

This example displays metadata about a sales department dataset, showing the file size in kilobytes, row count, and column count as plain text on a page. The data is fetched from a CSV file using the `d3.csv` method, and the output is formatted with `d3.csvFormat` to calculate the file size. The page presents the information within a pre-styled container, alongside headers and a link to the source dataset. The visualization relies on the D3.js library, version 7.3.0, loaded via a CDN.

TTejaswicmandava

87% match