Skip to main content
SimilarExport ZIP
100%

ICE-5

✓ Published0🌍 Public
TTekmal-Bhavana
Last edited Mar 8, 2023
Created on Mar 7, 2023
Forked from Hello VizHub

This example loads a CSV file containing cause-of-death data from a GitHub gist and displays basic file statistics as plain text in a preformatted block. Using D3 v5’s `d3.csv` and `d3.csvFormat`, the code calculates the estimated data size in kilobytes, then reports the number of rows and columns in the dataset. The rendered output is styled with black background and white text, while the page structure relies on a simple HTML script tag linking D3 from a CDN.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-5

This example displays metadata about a CSV dataset loaded from a GitHub Gist, showing the file size in kilobytes, the row count, and the column count in a black-and-white text panel. It uses D3 v5’s `d3.csv` to fetch the remote CSV file and `d3.csvFormat` to calculate its size. The page also demonstrates local ES6 module imports, including a message from `myMessage.js`, and applies basic CSS styling to the layout.

TTekmal-Bhavana
85% match
Loading thumbnail…

ICE 5

This example reads a CSV file from a GitHub gist and displays summary statistics about its size and structure. The visualization first fetches the data using the D3 CSV parser, then calculates the total data size in kilobytes by formatting the content, and finally reports the row and column counts. The output is rendered as plain text within a black-styled HTML `<pre>` element. D3 v7 is used solely for CSV loading and formatting, while the page layout relies on basic HTML and CSS styling.

RRobFaj
85% match
Loading thumbnail…

ICE-5

This example displays metadata about a COVID-19 dataset, showing the file size in kilobytes, row count, and column count as plain text on a black background. It fetches a CSV from a GitHub gist URL using `d3.csv`, then formats the loaded data with `d3.csvFormat` to calculate the byte length. The result is written to a `<pre>` element via `textContent`. The code uses D3 v5 and is embedded in a minimal HTML page with CSS styling.

GGnanaDeepthiPasam
84% match
Loading thumbnail…

Welcome to ICE-5

This example demonstrates how to load and summarize a CSV dataset from a GitHub gist using D3 v7. The page displays a large green text block reporting the file size in kilobytes, row count, and column count, alongside a static SVG image. The code uses `d3.csv` to fetch the remote data and `d3.csvFormat` to measure its size, updating the DOM via `textContent`. Styling is applied through plain CSS in the HTML file, with no interactive charts or visual encodings beyond the textual summary.

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

ICE 5.js

This example demonstrates loading a CSV file from a GitHub gist and parsing it with d3.csv to display summary statistics—file size in kilobytes, row count, and column count—inside a styled <pre> element. The page uses D3 v7 to fetch and format the data, then updates the DOM via textContent. Below the text, a static inline SVG shows decorative geometric shapes, including ellipses and polygons with varied fill colors. The code explicitly uses d3.csv and d3.csvFormat to handle the data conversion and measurement.

Ssaijahnaviappineni
84% match
Loading thumbnail…

ICE5

This example displays metadata about a COVID-19 dataset loaded from a GitHub gist, showing the file size in kilobytes, row count, and column count as plain text. The visualization demonstrates loading D3 v5 via UNPKG, using `d3.csv` to fetch and parse the CSV data, and `d3.csvFormat` to calculate the data’s size. It also illustrates importing from local ES6 modules, though the primary output is a simple text-based summary rather than a graphical chart.

Ssrividyabachina22
83% match
Loading thumbnail…

Data Visualization ICE5

This example displays a web page titled “This is ICE 5” that visually summarizes a CSV dataset by presenting its size, row count, and column count inside a large text block. The page also shows two static SVG images of a house and a human. It loads data from a remote GitHub gist using D3 v7’s `d3.csv` method, then computes the file size in kilobytes from `d3.csvFormat(data).length` and displays the metrics via `document.getElementById` with a template literal.

VVenkata Sai Preetham
83% match