Skip to main content
SimilarExport ZIP
100%

ICE: 5 ASSIGNMENT

✓ Published0🌍 Public
Ssaidhiraj16
Last edited Feb 28, 2022
Created on Feb 27, 2022

This gallery example displays a summary of a One Piece dataset, reporting the dataset's file size, row count, and column count after loading it from a CSV file. The page features a large heading, a preformatted text block for the data summary, and a static illustration of a character from the show. Built with React and D3.v7, the visualization uses `d3.csv` to fetch and parse the remote CSV data, then utilizes `d3.csvFormat` to calculate the data's size in kilobytes. The layout is styled with CSS, including a centered image and styled heading.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

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

ICE 5

This example shows a webpage that parses a CSV file containing anime data and displays basic information about it. It uses the D3.js v5 library, specifically the `d3.csv` method to load and parse the remote data from a GitHub Gist, and `d3.csvFormat` to calculate the file size. The resulting message, displayed in a styled `<pre>` element, reports the file size in kilobytes, the number of rows, and the number of columns. The page also includes a static SVG illustration of a face.

Aaashrithd4
82% match
Loading thumbnail…

ICE 5

This example displays a simple text summary of a parsed CSV dataset in a large, centered `<pre>` element. It loads anime data from a GitHub gist using D3 v7’s `d3.csv` method, then counts the number of rows, columns, and approximate file size in kilobytes using `d3.csvFormat`. The resulting message is injected into the page with `textContent`. The visualization relies on plain JavaScript promises and DOM manipulation without any chart or graphical rendering.

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

ICE-5: Data visualization

This example demonstrates a web page that displays the file size, row count, and column count of a CSV dataset, alongside a static SVG graphic titled "star.svg." The page uses D3.js version 7.3 to fetch the remote CSV file via `d3.csv`, then formats and injects the summary statistics into a styled `<pre>` element. The rendering is plain HTML and CSS, with a React framework noted in metadata but not used in the visible markup. The SVG contains simple geometric shapes with gray and blue fills.

Ssowmyanagula@my.unt.edu
82% match
Loading thumbnail…

ICE 5 Teja

This gallery example displays summary statistics for a CSV file containing video game sales data, presenting the file size in kilobytes, row count, and column count. The visualization uses a simple HTML layout with styled heading and preformatted text elements, alongside an embedded SVG image from a GitHub gist. The code loads the remote CSV using the `d3.csv` method and computes the text summary using `Math.round` and the `d3.csvFormat` function, with the D3.js v7 library imported from a CDN.

TTejamod
82% match
Loading thumbnail…

ICE Assignment 5

This visualization displays a loading summary for a color hex dataset, showing the file size in kilobytes, the number of rows, and the number of columns. It uses D3 v7's `d3.csv` and `d3.csvFormat` to fetch and measure the data before rendering the results in an HTML `<pre>` element. The page features large aqua and blue heading styles to present the ICE assignment title and computed statistics.

VVenkata Rajashekar Reddy Chinthala
82% match
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
81% match