Skip to main content
SimilarExport ZIP
100%

ICE 5 Teja

✓ Published0🌍 Public
TTejamod
Last edited Jun 22, 2022
Created on Jun 22, 2022
Forked from HTML Starter

This visualization reports basic statistics about a video game sales dataset. It displays a header, a link to the raw CSV file, and a message box showing the dataset's size in kilobytes, row count, and column count, all computed using the `d3.csv` and `d3.csvFormat` APIs. The page also embeds a static SVG image of a game console. The layout uses D3 v7 for data fetching and formatting, rendering the summary text into a styled `<pre>` element.

AI-generated description

ICE 5

MIT Licensed

Similar vizzes

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

ICE5

This page displays metadata about a video game dataset, including file size in kilobytes, row count, and column count, rendered as styled text against a custom background image. The code loads comma-separated values from a remote CSV file using D3.js v7’s `d3.csv` method, then calculates the formatted data length with `d3.csvFormat` and updates the DOM via `textContent`. Styling relies on CSS for layout and visual effects, while the background uses a remote SVG image.

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

ICE5

This page shows metadata about an electronics sales dataset, summarizing its size, row count, and column count in a text overlay. The visualization loads a CSV file from a GitHub gist using D3 v7’s `d3.csv` method, then computes the file size from the formatted CSV string’s length in kilobytes. It also counts the number of rows and columns from the parsed data, displaying all three metrics in a large red monospace block. A background SVG image and a link to the raw dataset are included as supplementary information.

Ddheeraj1509
81% match
Loading thumbnail…

ICE-5: Loading and Parsing CSV Data with D3.js

This example demonstrates a webpage that displays the top-selling and highest-grossing games, alongside a static SVG illustration of a gaming console. It shows the raw CSV data in a table, preceded by a text summary of the file’s size, row count, and column count. The visualization loads the CSV file using D3.js v7’s `d3.csv` method, then programmatically builds an HTML table from the parsed data. The code also uses `d3.csvFormat` to calculate file size, and it renders the console graphic via hard-coded SVG shapes.

Ssai snehith nadipally
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 - Satya Vineeth Kusumanchi

This example displays metadata about a CSV dataset containing the total length of games, including the number of rows, columns, and file size in kilobytes. It uses D3 v7’s `d3.csv` to fetch the data from a GitHub Gist and `d3.csvFormat` to calculate the data size. The page also renders two static SVG triangles over a light gray background using inline SVG markup. A simple CSS style, applied to a `<pre>` element, centers the text and sets a grey background. The visualization is built with React and outputs to SVG within an HTML page.

SSatyaVineeth
80% match
Loading thumbnail…

ICE-5

This visualization displays a gaming controller illustration set against a pink background, with accompanying text that reports the size, row count, and column count of a CSV data file. The page loads a remote SVG image of the controller and uses the D3.js library's `d3.csv` function to fetch and parse the data from a GitHub repository. The React-based example uses D3 v7 to calculate and display the data summary, with the results styled through CSS in a large `<pre>` element.

Ssowmyanagula@my.unt.edu
79% match