ICE-5 webpage

100%

✓ Published0🌍 Public

Last edited Mar 4, 2023

Created on Mar 4, 2023

Forked from ICE5

This example presents the Forbes company rankings for 2022 as a styled webpage. The page displays the dataset’s metadata, including its size in kilobytes, row count, and column count. It uses D3.js v7’s `d3.csv` to fetch and parse data from a remote CSV file hosted on GitHub, then calculates the metadata using `d3.csvFormat` and updates the DOM via `textContent`. The page features custom CSS styling with a background image and navigation links.

AI-generated description

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

Similar vizzes

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

81% match

Loading thumbnail…

ICE5

This example displays a webpage that presents the metadata of a GDP dataset, including its file size, row count, and column count, within a large text overlay on a stylized background. The page uses the D3.js library (version 7) to load a CSV file from a remote URL via `d3.csv` and compute the dataset’s properties with `d3.csvFormat`. The background is set using a custom SVG image via CSS, while HTML headings and a link provide context and access to the underlying data, all rendered in a React-independent, vanilla JavaScript setup.

PPoojaThandra

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

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

79% match

Loading thumbnail…

ICE-5

This example displays a static webpage that loads an insurance dataset from a GitHub gist, using D3.js’s `d3.csv` to fetch and parse the CSV file. It shows the data’s size in kilobytes, row count, and column count in a preformatted text block. The page also features an embedded SVG image of a home, styled with CSS flexbox and centered layout. The code relies on D3 v7 and basic HTML/CSS for structure and styling, with no interactive visualizations or charts.

RRevanthGrreddy

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

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

78% match

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

78% match