Skip to main content
SimilarExport ZIP
100%

ICE-5

✓ Published1🌍 Public
SSaiSree0122
Last edited Jun 22, 2022
Created on Jun 21, 2022

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.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

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

ICE-5: Welcome to ICE-5 Data visualization

This example displays a web page titled "ICE-5: Welcome to ICE-5 Data visualization" that uses D3.js to fetch and summarize a CSV dataset of the Top 100 actors. It renders a cyan-styled `<pre>` element reporting the approximate file size in kilobytes, the number of rows, and the column count, alongside a static SVG image. The code leverages the `d3.csv` and `d3.csvFormat` APIs to load and measure the remote data, providing a simple, non-interactive overview of the dataset's structure.

SSravan1888
86% match
Loading thumbnail…

ICE-5 Data Visulaization

This visualization displays metadata about a CSV file containing top 50 employees, fetched from a GitHub gist. It shows the file size, row count, and column count in a large text block, alongside a static SVG image. The page uses D3.js v7’s `d3.csv` and `d3.csvFormat` to load and measure the data, while standard HTML and CSS structure the layout. The code does not include interactive charts or animations, focusing instead on presenting basic dataset statistics.

Ttejasrikotipalli1@gmail.com
86% match
Loading thumbnail…

s ICE-5: Welcome to ICE-5 Data visualization

This example displays a title, a cyan message box summarizing a CSV dataset, and a static SVG image on an HTML page. It loads a remote CSV file of the top 100 actors using D3 v7’s `d3.csv`, then computes and displays the file size in kilobytes, the row count, and the number of columns in a `pre` element. The page also embeds an external SVG image via an `img` tag. Styling is applied with basic CSS, and all rendering is client-side without any interactive charts or user input.

SSaahithi49
86% match
Loading thumbnail…

ICE5

This visualization displays metadata about a professionals dataset, reporting the file size, number of rows, and column count in a simple text summary. The page loads a CSV file using D3 v7’s `d3.csv`, then calculates the formatted data length with `d3.csvFormat` and presents the statistics in a preformatted message container. A background SVG image is applied via CSS, and the dataset is linked through an HTML anchor for further exploration.

SSuresh John Wesly
85% match
Loading thumbnail…

ICE5

This visualization displays metadata about the Top 100 streamed songs dataset. It shows the file size in kilobytes, the total number of rows, and the number of columns, presented in large centered text. The page loads a CSV from a GitHub gist, and uses the D3.js library's `d3.csv` and `d3.csvFormat` functions to fetch and measure the data. A background SVG image of the top 100 songs is set via CSS, while the computed metadata is written to the page using JavaScript's DOM manipulation.

EEeshwarReddy
85% match
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
85% match