Skip to main content
SimilarExport ZIP
100%

ICE 5 Assignment Famous Locations Dataset

✓ Published0🌍 Public
GGaneshPenumarthi
Last edited Feb 28, 2022
Created on Feb 28, 2022
Forked from HTML Starter

This example displays a message about the contents of a famous locations dataset, showing the file size in kilobytes, the number of rows, and the number of columns. The visualization uses the D3.js version 7 library to fetch a CSV file from a GitHub gist via the `d3.csv` API, then formats the file size using `d3.csvformat`. The resulting summary text is rendered inside a div element styled with CSS, centered at a large font size.

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 example displays a simple summary of a car rental dataset, presenting the file size in kilobytes, row count, and column count as plain text. The visualization loads a CSV file from a GitHub gist using d3.csv, then calculates and formats these statistics with d3.csvFormat and Math.round. The page is styled with custom CSS, featuring a large centered title and a responsive message area. The code relies on D3.js v7 and runs entirely within a single HTML file, with no interactive or graphical charting beyond the textual output.

SSnapika
81% 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…

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
80% match
Loading thumbnail…

ICE 5

This example shows tenant data from a linked CSV file, displaying the dataset’s size in kilobytes, row count, and column count. The page loads the CSV using the d3.csv method, then formats and computes the statistics with d3.csvFormat and the data’s length and columns properties. The visualization is built with D3 v7 and React, presenting the information as plain text. The background is a static SVG image of apartments, with the title and link displayed prominently.

RReyden Harris
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
Loading thumbnail…

ICE Assignment 5

This visualization displays summary statistics about a film dataset, reporting the data size in kilobytes, number of rows, and column count in a large text block. The page is built with a React framework and uses D3 v7 to load the CSV data from a GitHub gist and format the message. The SVG elements present decorative shapes, but the core functionality uses `d3.csv` to fetch and parse the data, then updates the HTML content dynamically.

RRaja Srinivas Nelluri
80% match
Loading thumbnail…

ICE 5

This example reads a CSV file from a GitHub gist and displays summary statistics about its size and structure. The visualization first fetches the data using the D3 CSV parser, then calculates the total data size in kilobytes by formatting the content, and finally reports the row and column counts. The output is rendered as plain text within a black-styled HTML `<pre>` element. D3 v7 is used solely for CSV loading and formatting, while the page layout relies on basic HTML and CSS styling.

RRobFaj
79% match
Loading thumbnail…

ICE5

This example displays metadata about a sales department dataset, showing the file size in kilobytes, row count, and column count as plain text on a page. The data is fetched from a CSV file using the `d3.csv` method, and the output is formatted with `d3.csvFormat` to calculate the file size. The page presents the information within a pre-styled container, alongside headers and a link to the source dataset. The visualization relies on the D3.js library, version 7.3.0, loaded via a CDN.

TTejaswicmandava
79% match