ICE-5

100%

✓ Published0🌍 Public

Last edited Mar 2, 2023

Created on Mar 1, 2023

Forked from ICE5

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.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE5

This visualization presents metadata about a company's employee dataset, displayed as plain text over a decorative background image. The page loads a CSV file from a GitHub gist using `d3.csv` and computes summary statistics, including the approximate file size in kilobytes (via `d3.csvFormat` and the `length` property), the number of rows, and the number of columns. These values are then inserted into a `<pre>` element using the DOM API. The page also provides a clickable link to view the raw dataset.

PPYATA SHARAN

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

90% match

Loading thumbnail…

ICE 5

This example displays metadata about an employee salary dataset, reporting the file size, row count, and column count in plain text on a web page. It loads CSV data from a GitHub gist using D3.js’s `d3.csv` method, then formats the dataset with `d3.csvFormat` to calculate its size in kilobytes. The computed summary is inserted into a predefined `<pre>` element via `textContent`. The page is built with HTML, CSS, and vanilla JavaScript, styled by an external stylesheet, and relies entirely on D3’s data-loading and formatting utilities without any additional visualization.

RRishiAdarsh

89% match

Loading thumbnail…

ICE5_DV

This example displays metadata about a company’s employee dataset, including its size in kilobytes, number of rows, number of columns, and column names. The data is loaded from a CSV file using `d3.csv` with a Promise, and the resulting information is rendered as plain text in a `<pre>` element. The page includes a linked dataset, styled headings, and a background image, with styling managed through a separate CSS file. The implementation relies on D3.js version 5 for data parsing and text formatting.

DDivyasri0310

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

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

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

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

85% match