Skip to main content
SimilarExport ZIP
100%

ICE 5

✓ Published0🌍 Public
IIsabella Jaya Rani C
Last edited Mar 2, 2023
Created on Mar 1, 2023
Forked from Hello HTML

This visualization presents metadata about a telecom dataset, summarizing its size, row count, and column count in a styled text display. It uses D3 v7’s `d3.csv` to load the remote CSV file and `d3.csvFormat` to calculate the file size in kilobytes, then inserts the computed statistics into a `pre` element via `textContent`. The page features a circular button linking to the raw dataset and a dark grey header, with a Telecom-themed SVG as the background image.

AI-generated description

This is conducted in relation to the Assignment.

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE5

This visualization displays metadata about a professionals dataset, reporting the file size, number of rows, and column count in a simple text summary. The page loads a CSV file using D3 v7’s `d3.csv`, then calculates the formatted data length with `d3.csvFormat` and presents the statistics in a preformatted message container. A background SVG image is applied via CSS, and the dataset is linked through an HTML anchor for further exploration.

SSuresh John Wesly
85% 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
84% 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
84% 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
83% match
Loading thumbnail…

ICE-5

This visualization displays the contents of a CSV dataset using D3’s `d3.csv` and `d3.csvFormat` methods to summarize its size, row count, and column count. The example renders the result in a styled HTML `<pre>` element with React-compatible ES6 syntax. It also embeds an SVG image, using D3 v7 within a React framework to provide a gallery-based data overview.

SSheela2930
83% match
Loading thumbnail…

ICE5

This example displays the metadata of an insurance policy dataset, presenting the file size, row count, and column count as plain text on a web page. It retrieves the CSV data from a remote URL using D3’s `d3.csv` function, calculates the byte size of the formatted data with `d3.csvFormat`, and updates the HTML content of a `<pre>` element. The page includes a link to the raw dataset and uses a background SVG image.

Vvamshisoletii
83% match
Loading thumbnail…

<b>ICE-5</b>

This example displays metadata for a gender dataset, showing the data size in kilobytes, row count, and column count. It fetches a CSV file using D3 v7’s `d3.csv` method, then formats the data with `d3.csvFormat` to calculate its length. The page presents a linked dataset reference and renders the computed statistics in a styled `<pre>` element, with a background image from an SVG file and custom CSS for headings and links.

Kkarumanchimanasa
83% 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
82% match