Assignment

100%

Assignment - 5

✓ Published0🌍 Public

Last edited Mar 2, 2023

Created on Mar 2, 2023

Forked from ICE5

This page displays metadata about a Singapore tax return dataset, reporting its size in kilobytes, row count, and column count after fetching a CSV from a GitHub gist. The code uses D3 v7’s `d3.csv` to load the remote data and `d3.csvFormat` to measure its length. A CSS background image of a map is applied via `background-image` in the stylesheet, with results printed into a `<pre>` element. The page links to the raw dataset for direct viewing.

AI-generated description

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

Similar vizzes

Loading thumbnail…

Untitled

This example displays metadata for a Singapore tax returns dataset, reporting its file size, row count, and column count from a CSV file. The page presents this information as styled text, alongside a link to view the dataset and a background image. The code uses D3’s `d3.csv` to fetch the remote CSV, `d3.csvFormat` to serialize it for size calculation, and `data.columns.length` to count columns. The visualization emphasizes textual data summary rather than graphical charts.

IIndhuKrishnaraj

86% match

Loading thumbnail…

assignment 5

This example displays summary statistics from a CSV file, showing the data size in kilobytes, row count, and column count. It uses the D3.js library’s `d3.csv` method to fetch the external dataset and `d3.csvFormat` to calculate the formatted string length. The visualization also includes a simple SVG circle rendered alongside the text, with CSS styling applied to the page. The computed summary is displayed inside an HTML `<pre>` element, updating the page content dynamically.

Ddineshtadepalli12

78% match

Loading thumbnail…

Untitled

This example displays basic dataset summaries for a CSV file loaded from a GitHub gist, showing file size in kilobytes, row count, and column count in a pre-formatted text container. The page also includes a static SVG diagram and a heading. The code uses D3 v7’s `d3.csv` to fetch and parse the remote data, then applies `d3.csvFormat` to calculate the formatted file size. Results are written to the DOM via `document.getElementById`, and the HTML page links to an external stylesheet named `newstyle.css`.

SSnigdha6698

78% match

Loading thumbnail…

This is a web page that presents metadata about a credit card customer dataset, displaying the dataset’s size in kilobytes, row count, and column count. The page uses a credit card background image and provides a link to view the full dataset. It is built with HTML and CSS, and uses the D3.js library (version 7.3.0) to fetch the data from a CSV file via `d3.csv` and format it with `d3.csvFormat` before displaying it in a `<pre>` element. The JavaScript code calculates the file size, row count, and column count to generate the summary message.

MMadan05101998

77% match

Loading thumbnail…

ASSIGNMENT-5

This example displays a summary of a perfume sales dataset, showing the data size, row count, and column count in a large, styled text block. The visualization uses D3.js to load a CSV file from a GitHub gist and computes the data’s total size in kilobytes. The page also embeds a static SVG image, likely depicting a chart of the same data. The code relies on the D3 `csv` and `csvFormat` methods to fetch and measure the dataset, while custom CSS styling applies vibrant background colors to the headline and data summary.

AAshrith Kudidhi

76% match

Loading thumbnail…

ICE-5

This example displays metadata about a COVID-19 dataset, showing the file size in kilobytes, row count, and column count as plain text on a black background. It fetches a CSV from a GitHub gist URL using `d3.csv`, then formats the loaded data with `d3.csvFormat` to calculate the byte length. The result is written to a `<pre>` element via `textContent`. The code uses D3 v5 and is embedded in a minimal HTML page with CSS styling.

GGnanaDeepthiPasam

76% match

Loading thumbnail…

CSS Visualization

This example displays basic metadata about a CSV file in large text on a webpage. It uses D3 v6’s `d3.csv` to load a remote dataset from a GitHub gist, then calculates and shows the approximate file size in kilobytes, the number of rows, and the number of columns. The result is rendered into a `<pre>` element using `document.getElementById` and `textContent`. The code also includes commented-out alternative approaches using `fetch` and `d3.csvParse`.

YYashuVerma1210

76% match

Loading thumbnail…

Untitled

This example displays metadata about a motor vehicle sales dataset, including its size in kilobytes, row count, and column count. The data is loaded from a CSV file using D3 v7’s `csv` method, and the summary text is rendered inside an HTML `<pre>` element. The page uses CSS background images from external SVG URLs for visual styling, with JavaScript calculating the dataset’s size via `csvFormat().length`.

Vvineeth-001

76% match