Skip to main content
SimilarExport ZIP
100%

ICE5 - Shashidhar Kalapatapu - 11545863

✓ Published0🌍 Public
SShashi42
Last edited Mar 1, 2023
Created on Mar 1, 2023
Forked from HTML Starter

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.

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 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
86% match
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
84% 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
79% 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
79% 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
79% 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
78% 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
78% match
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
78% match