Skip to main content
SimilarExport ZIP
100%

ICE-5(11528292)

✓ Published0🌍 Public
Jjayanthamol99
Last edited Mar 8, 2023
Created on Mar 8, 2023
Forked from Hello HTML

This visualization displays the top 250 movies from IMDb, showing the dataset’s size and structure. A static SVG graphic featuring a star and a red circle serves as a decorative header, while the main content presents the data’s total size in kilobytes, row count, and column count. The code loads the CSV dataset using `d3.csv` and formats the file size with `d3.csvFormat`, then updates the text content of an HTML element using the Document Object Model. The page is styled with basic CSS and includes an embedded YouTube video in the README.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE5

This example displays metadata for a movie dataset, showing file size, row count, and column count in a text message. The page loads a CSV file from a GitHub gist using D3 v7’s `d3.csv` method, then computes and formats the statistics with `d3.csvFormat`. A CSS background image of movie-themed visuals is applied via `movies.css`, and the dataset link is provided for reference. The visualization is minimal, focusing on data overview rather than graphical representation.

AAISWARYAMARAPATLA1999
84% match
Loading thumbnail…

ICE-5

This example displays summary statistics about a film dataset loaded from a GitHub-hosted CSV file, showing the data’s size in kilobytes, row count, and column count. The page uses D3.js v7 to fetch and parse the CSV with `d3.csv`, formats the results via `d3.csvFormat`, and updates the text content of an HTML `<pre>` element. A static SVG background image is embedded as a data URI, while CSS styles apply layout and heading colors. The visualization focuses purely on textual data metrics rather than graphical charts.

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

ICE-5

This visualization displays metadata about a CSV file containing data on the top 100 actors. The page presents a welcome heading, a large cyan text block showing the file’s size in kilobytes, row count, and column count, alongside a static SVG image of a wall hanger. The code uses the D3.js library’s `d3.csv` method to fetch and parse the remote CSV, then accesses the resulting data object’s `columns` property to determine the number of columns.

SSaiSree0122
82% match
Loading thumbnail…

ICE 5

This example loads the Disney movies dataset from a remote CSV file using D3 v5’s `d3.csv` and `d3.csvFormat` APIs, then displays basic metadata about the file on the page. The visualization shows a static SVG line drawing of a geometric shape with colored ellipses and grid-like lines, while the text area below reports the dataset’s size in kilobytes, row count, and column count. The SVG is hand-coded in HTML, and the data summary is rendered into a `<pre>` element. No interactive or data-driven visual encoding is present; the graphic is independent of the loaded dataset.

Bbrindapotluri
80% match
Loading thumbnail…

Fork of ICE-5

This visualization displays a summary of the top 100 actors dataset, showing the number of rows, columns, and file size in kilobytes. The page presents this information in a large, styled text block alongside a static SVG image of a wall hanger. It uses D3 v7’s `d3.csv` to fetch and parse the remote CSV file, then employs `d3.csvFormat` to calculate the data size. The HTML includes custom CSS for colorful typography and inserts the image directly via an `<img>` tag.

SSaiSree0122
79% match
Loading thumbnail…

ICE-5 Tagore

This example visualizes the top 50 highest-grossing films from Wikipedia data by displaying them in a static, decorative SVG theater scene. The visualization uses a movie-screen metaphor with drawn curtains, seats, and a screen, while the film data itself appears as a table below. The code employs D3.js v7 to fetch a CSV file from a GitHub gist, parse it, and generate a dynamic table of the movie records. It also uses D3’s `csv` and `csvFormat` methods to display file size and row/column counts, providing both a thematic and analytical view of the dataset.

Cchilukuritagore1427@gmail.com
79% match
Loading thumbnail…

Fork of ICE-5: Welcome to ICE-5 Data visualization

This visualization uses D3.js to load and summarize a CSV dataset of the top 100 actors. It fetches the data via `d3.csv` and displays a plain-text message indicating the file size in kilobytes, the number of rows, and the column count. The page also embeds an external SVG image and applies CSS styling for prominent headings and text. The chart focuses on conveying basic dataset metrics rather than complex graphical representations.

KKeerthipriyaBankuru
79% match