ICE5-Instagram

100%

ICE5-Instagram

✓ Published0🌍 Public

Last edited Mar 4, 2023

Created on Mar 4, 2023

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.

AI-generated description

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

Similar vizzes

Loading thumbnail…

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.

NNithish Kumar

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

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

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

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 displays metadata about a food order dataset, including its size in kilobytes, row count, and column count, presented as large text over a food-themed background image. The page loads a CSV file from a GitHub gist using D3 v7’s `d3.csv`, computes the formatted data length with `d3.csvFormat`, and updates the DOM via `textContent`. Styling relies on CSS for centered headings and background, while links provide access to the raw dataset.

Ssugunagar

83% match

Loading thumbnail…

ICE-5

This example renders a styled HTML table displaying metadata about a user dataset, loaded from a remote CSV file via `d3.csv`. The page fetches the CSV from a GitHub Gist and calculates the file size in kilobytes, the number of rows, and the number of columns, presenting these statistics in a text message. The table itself is styled with translucent white backgrounds and hover effects using CSS, while the background uses a custom SVG. The visualization relies on D3.js version 7 for data loading and formatting.

AAli Shah Solanki

82% match

Loading thumbnail…

ICE-5

This example displays metadata about a CSV dataset loaded from a GitHub Gist, showing the file size in kilobytes, the row count, and the column count in a black-and-white text panel. It uses D3 v5’s `d3.csv` to fetch the remote CSV file and `d3.csvFormat` to calculate its size. The page also demonstrates local ES6 module imports, including a message from `myMessage.js`, and applies basic CSS styling to the layout.

TTekmal-Bhavana

82% match