Skip to main content
SimilarExport ZIP
100%

ICE-5

✓ Published0🌍 Public
SSanjib Paudel
Last edited Mar 3, 2023
Created on Mar 3, 2023
Forked from HTML Starter

This example displays metadata from a COVID-19 vaccination dataset for U.S. jurisdictions, showing file size, row count, and column count. The visualization uses D3 v7’s `d3.csv` to load the data and `d3.csvFormat` to calculate its size, then updates text content in the DOM. An SVG background image and CSS styling frame the page, while a hyperlink points to the original dataset on GitHub.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

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
87% match
Loading thumbnail…

ICE5

This example displays metadata about a COVID-19 dataset loaded from a GitHub gist, showing the file size in kilobytes, row count, and column count as plain text. The visualization demonstrates loading D3 v5 via UNPKG, using `d3.csv` to fetch and parse the CSV data, and `d3.csvFormat` to calculate the data’s size. It also illustrates importing from local ES6 modules, though the primary output is a simple text-based summary rather than a graphical chart.

Ssrividyabachina22
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
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
85% match
Loading thumbnail…

ICE-5 DV

The visualization gallery example titled "ICE-5 DV" displays the metadata of an office supply sales dataset, reporting its size in kilobytes, row count, and column count within a pre-formatted message box. The presentation layers a custom SVG background image via CSS, with a centered heading and a hyperlink to the source data. Built using React, the implementation leverages D3 v7's `d3.csv` API to fetch and parse the remote CSV file, then uses the `d3.csvFormat` function to calculate data length for the metadata summary. The page's styling is defined in an external CSS file, and the D3 library is loaded from a content delivery network.

SSaiipriiya
83% 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
83% 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
83% match
Loading thumbnail…

ICE5

This example displays metadata about a student dataset, presenting file size, row count, and column count in a large, bold text overlay. The visualization uses D3.js v7 to fetch and parse a CSV file from a GitHub Gist via `d3.csv`, then formats the data with `d3.csvFormat` to calculate its size in kilobytes. The page’s background features a student-themed SVG image, styled with CSS. Static HTML text and links provide context, while the JavaScript dynamically updates a `<pre>` element with the computed statistics.

KKiran Jyothi Bodduluri-11604571
83% match