Class Assignment 5

100%

Class Assignment 5

✓ Published0🌍 Public

Last edited Feb 24, 2022

Created on Feb 24, 2022

This example displays a text summary of a Baskin Robbins ice cream nutrition dataset, including the row and column counts. It uses the D3.js version 3 CSV parsing API (`d3.csv`) to load a remote CSV file and present a formatted message in the HTML page. The page also logs the list of ice cream flavors and dimension counts to the console. Styling is applied through CSS classes for visual presentation.

AI-generated description

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

Similar vizzes

Loading thumbnail…

ICE 5

This example displays a simple text-based summary of a nutrition dataset, presenting the file size, row count, and column count in a styled HTML page. It uses D3 v5’s `d3.csv` to fetch data from a GitHub-hosted CSV file, then computes the size with `d3.csvFormat(data).length`, and writes the output into a `<pre>` element. The page also includes a static SVG image and relies on basic CSS for layout and typography, with React as the underlying framework.

Ssainitish1999

78% 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…

ICE-5-Assignment-dpka

This example displays a summary of the Candies dataset, presented as text metadata about the CSV file’s size, row count, and column count. It uses D3.js version 7 to load the data from a remote GitHub Gist URL with `d3.csv`, then formats the resulting array to calculate the file size in kilobytes and the number of rows and columns. The page is styled with a custom SVG background image and introductory headings. The visualization focuses on communicating dataset characteristics rather than plotting the data itself.

DDeepikaGoud08

77% match

Loading thumbnail…

ICE 5:Loading and Parsing csv data with D3.js

This example displays summary statistics from the Students Performance in Exams CSV dataset, showing the file size in kilobytes, row count, and column count as text on a webpage. It loads the remote CSV file using D3.js v5’s `d3.csv()` method, which returns a promise, and then formats the data with `d3.csvFormat()` to calculate its byte size. The page also includes a descriptive overview of the dataset’s features, such as gender, parental education, and test scores, with a styled interface built using custom CSS.

SShridhar Kshirsagar

75% match

Loading thumbnail…

ICE-5

This example, titled ICE-5, demonstrates a basic web page for loading and parsing CSV data using D3.js. The page displays a summary of the parsed Netflix credits dataset, showing the data size in kilobytes, the number of rows, and the number of columns. The visualization is a simple text-based report presented in a `<pre>` element, with a static image of an SVG included for visual interest. The code uses the D3.js `d3.csv` API to fetch and parse the remote CSV file, and `d3.csvFormat` to calculate its size, while styling is handled with custom CSS.

DDeegutla123

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

75% match

Loading thumbnail…

ICE5_ASSIGNMENT

This example displays a webpage titled “WELCOME TO UNT STUDENT INFO” that introduces a student records dataset and provides a hyperlink to view the information. The page also fetches a CSV file of customer credit card data using d3.csv, then computes and displays file size in kilobytes, row count, and column count as metadata. The code uses D3 v7 to load and format the CSV data, and writes the resulting message into a pre element via textContent. The visualization is minimal, focusing on data summary rather than graphical representation.

Nnsatyaprakash22

75% match

Loading thumbnail…

ice-5

This example demonstrates how to load and summarize a local CSV dataset within a web page. It displays a static SVG diagram and prints a message with the dataset’s file size, row count, and column count using D3’s `d3.csv` and `d3.csvFormat`. The page also highlights ES6 module imports through `import { select } from 'd3'` and a custom `myMessage.js` module, with styling defined in an external CSS file.

Ssowmyanagula@my.unt.edu

75% match