ICE5

100%

✓ Published0🌍 Public

Last edited Mar 2, 2023

Created on Mar 1, 2023

Forked from ICE5

This interactive webpage displays the top Instagram influencers, presenting metadata about the dataset in a plain-text format. The page uses a dark backdrop with a stylized SVG background image and prominently shows the dataset size, row count, and column count in a large, pink monospace block. It loads a CSV file from a GitHub Gist using D3 v7's `d3.csv()` method, calculates the file size in kilobytes with `d3.csvFormat().length`, and updates the HTML `pre` element's text content to display the results.

AI-generated description

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

Similar vizzes

Loading thumbnail…

ICE5-Instagram

This example displays the metadata of a CSV dataset on Instagram celebrities and influencers, loaded from a gist URL. The page announces the dataset’s file size, row count, and column count in a styled message area. It uses D3 v7’s `d3.csv` to fetch and parse the data, then `d3.csvFormat` to compute the byte size. The background is a custom SVG image, and the layout relies on plain CSS for styling, with React not actively used despite the metadata.

IIndiraSiripurapu

89% match

Loading thumbnail…

ICE5 - Shashidhar Kalapatapu - 11545863

This visualization displays metadata from an Instagram Top Users Dataset, including the file size in kilobytes, number of rows, and number of columns. The page, styled with a background image of the Instagram logo, loads the dataset asynchronously from a CSV URL using D3.js v7. The code calls `d3.csv()` to fetch and parse the data, then uses `d3.csvFormat()` to calculate the dataset size. Results are written to the DOM via `textContent` on a `<pre>` element, with hyperlinks providing access to the raw dataset.

SShashi42

86% match

Loading thumbnail…

ICE 5

This page displays metadata about the IPL 2016 dataset, including its size in kilobytes, row count, and column count. It uses D3 v7’s `d3.csv` to fetch a CSV file from a GitHub gist and `d3.csvFormat` to compute the data’s size. The page presents the information in a styled `<pre>` element, with a background SVG image and linked dataset details.

Vvineeth-001

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

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

81% match

Loading thumbnail…

ICE5

This page shows metadata about an electronics sales dataset, summarizing its size, row count, and column count in a text overlay. The visualization loads a CSV file from a GitHub gist using D3 v7’s `d3.csv` method, then computes the file size from the formatted CSV string’s length in kilobytes. It also counts the number of rows and columns from the parsed data, displaying all three metrics in a large red monospace block. A background SVG image and a link to the raw dataset are included as supplementary information.

Ddheeraj1509

81% match

Loading thumbnail…

ICE5

This page summarizes a student dataset by displaying its metadata as plain text, including file size in kilobytes, row count, and column count. The visualization uses D3.js (v7) to fetch the CSV data from a remote GitHub URL, calculates the metadata, and renders it into an HTML `<pre>` element. A modular D3 component, defined in `module.js`, appends a text element to an SVG canvas, although its interaction is minimal. The page's styling includes a custom background image and white headings for visual presentation.

NNikitha123171

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

80% match