Skip to main content
SimilarExport ZIP
100%

ICE5_NiharikaReddyAmanaganti

✓ Published0🌍 Public
NNiharika Reddy Amanaganti
Last edited Mar 4, 2023
Created on Mar 3, 2023
Forked from HTML Starter

This example displays metadata about a Top Songs dataset, including its size in kilobytes, row count, and column count, over a yellow background with an embedded SVG image. The page loads a CSV file from a GitHub gist using D3 v7’s `d3.csv` method, then formats the data with `d3.csvFormat` to calculate the file size. The computed message is inserted into a `<pre>` element via `textContent`. Styling is handled entirely through CSS, which sets the background image, colors, and text alignment.

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 the Top 100 streamed songs dataset, including its size in kilobytes, row count, and column count, on a page with a background image of the dataset. The code loads the CSV using `d3.csv` and computes the metadata with `d3.csvFormat` to measure string length. It presents this information in a `<pre>` element while the page uses CSS for styling, including a background image loaded from a URL. The project uses D3 v7 and is built as a minimal HTML page with JavaScript.

EEeshwarReddy
90% match
Loading thumbnail…

ICE5

This example displays the metadata of the most browsed songs in 2021, including file size, row count, and column count, on a page with a decorative background. It loads a CSV dataset using `d3.csv` and computes the message text with `d3.csvFormat` and `Math.round`. The page uses D3 v7, vanilla JavaScript, and CSS to present the information, with the result inserted into a `<pre>` element via `textContent`.

DDeeraj Thakkilapati
88% match
Loading thumbnail…

ICE5

This page displays metadata about the Top 100 streamed songs dataset, including its size in kilobytes, row count, and column count. The information is rendered as plain text in a preformatted element. The code uses D3 v7's `d3.csv` to load a remote CSV file and `d3.csvFormat` to calculate its size. The page is styled with CSS, featuring a background image of a Top 100 chart and centered headings.

EEeshwarReddy
86% match
Loading thumbnail…

ICE5

This visualization displays metadata about the Top 100 streamed songs dataset. It shows the file size in kilobytes, the total number of rows, and the number of columns, presented in large centered text. The page loads a CSV from a GitHub gist, and uses the D3.js library's `d3.csv` and `d3.csvFormat` functions to fetch and measure the data. A background SVG image of the top 100 songs is set via CSS, while the computed metadata is written to the page using JavaScript's DOM manipulation.

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

Fork of ICE5

This example displays metadata about a dataset of top Spotify songs from 2010–2019, including the file size, number of rows, and columns, in a text message on the page. It uses D3 v7's `d3.csv` and `d3.csvFormat` to load and measure the CSV file from a GitHub Gist, then updates the DOM via `document.getElementById` to show the computed statistics. The page also incorporates a custom CSS background image and Aquamarine background color, with the data link presented as a hyperlink.

PPrathyusha Jampala
84% match