Skip to main content
SimilarExport ZIP
100%

ICE-5

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

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.

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…

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

ICE5

This example displays metadata from a store dataset, including row count, column count, and file size, presented as text on a styled HTML page with a background image. It fetches a CSV file from a GitHub Gist using D3’s `d3.csv` function, then formats the data with `d3.csvFormat` and calculates its size in kilobytes. The visualization is rendered with plain HTML elements, including headings and a `<pre>` block, styled by a linked CSS file, and uses React only as a framework reference. The page relies on D3 v7 and JavaScript for data retrieval and message assembly.

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

ICE5

This example displays metadata about an electronic store dataset, including its size in kilobytes, row count, and column count. The page loads a CSV file from a remote URL using D3 v7’s `d3.csv` method, then calculates and displays the dataset’s statistics inside a `<pre>` element. The background features a custom SVG image, and text styling is applied via CSS. The interface includes a hyperlink to the original dataset and uses plain JavaScript with D3’s `csvFormat` to compute the byte length of the data.

HHarshavardhan
88% match
Loading thumbnail…

ICE5

This example demonstrates loading and parsing a remote CSV dataset using D3 v7. The page displays a summary of the loaded data, including its size in kilobytes and the number of rows and columns, within a styled HTML page. It uses the `d3.csv` and `d3.csvFormat` APIs to fetch and process the data from a GitHub gist. The visualization also includes an embedded static SVG city illustration.

AAmar09nath
87% match