ICE-5

100%

✓ Published0🌍 Public

Last edited Feb 26, 2023

Created on Feb 26, 2023

This example displays a concise summary of the metadata for a CSV file containing customer loan details. It reports the file size in kilobytes, the number of rows, and the number of columns directly onto the page. The visualization uses d3.csv to fetch the data and d3.csvFormat and string concatenation to compute the metrics. Results are written as plain text into a pre element using the standard Document Object Model.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-5

This page displays information about home loan customers, with a dataset summary shown in the top-right corner. The example reports the dataset's size in kilobytes, row count, and column count. It uses D3’s `d3.csv` function to fetch the CSV file from a GitHub Gist, then applies `d3.csvFormat` to calculate the byte size. The background features a custom SVG illustration, while the page layout is styled with CSS. The metadata summary is injected into a pre-formatted text container using JavaScript’s DOM manipulation.

JJasvitha Allamsetty

85% match

Loading thumbnail…

ICE-5

This example displays basic metadata from a CSV file containing employee details in a company. It shows a text summary reporting the dataset’s approximate file size in kilobytes (rounded), row count, and column count. The code loads the data with D3 v7’s `d3.csv` method and formats it using `d3.csvFormat` to compute the file size, then displays the result in an HTML `<pre>` element. The page also provides a link to view the dataset.

PPYATA SHARAN

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

83% match

Loading thumbnail…

ICE-5

This visualization displays a summary of a dataset, reporting the number of rows, columns, and approximate file size in kilobytes. The page loads an external CSV file and uses the D3.js library’s `d3.csv` function with the `d3.autoType` parser to automatically infer data types. After parsing, the code calculates the formatted data length and row count to construct a text message, which is rendered in a `<pre>` element using JavaScript's `getElementById` and `textContent`. The visualization also includes a static SVG image and links to the source data.

Nnikhilagopi

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

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

82% match

Loading thumbnail…

ICE5

This example displays a simple summary of a car rental dataset, presenting the file size in kilobytes, row count, and column count as plain text. The visualization loads a CSV file from a GitHub gist using d3.csv, then calculates and formats these statistics with d3.csvFormat and Math.round. The page is styled with custom CSS, featuring a large centered title and a responsive message area. The code relies on D3.js v7 and runs entirely within a single HTML file, with no interactive or graphical charting beyond the textual output.

SSnapika

82% match

Loading thumbnail…

ICE5

This example displays metadata about a COVID-19 dataset, reporting its size in kilobytes, row count, and column count as plain text on a page with a coronavirus-themed background. It loads the data from a remote CSV file using `d3.csv`, formats the content with `d3.csvFormat`, and calculates the byte length of the formatted string. The page uses D3 v7 to fetch and process the data, then updates a DOM element’s text content to present the summary.

NNiharika-Guthikonda

82% match