Skip to main content
SimilarExport ZIP
100%

VarshaICE5

✓ Published1🌍 Public
VVReddy913
Last edited Jun 22, 2022
Created on Jun 22, 2022
Forked from HTML Starter

This visualization displays metadata about the Trees Dataset, which contains information on 31 trees including circumference, height, and volume. The page uses D3 v7's `d3.csv` to fetch and parse the dataset from a GitHub gist, then calculates and displays the dataset size in kilobytes, row count, and column count. The presentation combines a custom background image with HTML headings and a pre-formatted text container, while the CSS file styles the page layout and centers the content.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

VarshaICE5

This example displays a message about a dataset loaded from a CSV file hosted in a GitHub gist. It shows the file size in kilobytes, row count, and column count within a large, centered text element. The code uses D3.js to fetch and parse the CSV data via `d3.csv`, and D3's `select` function to update the page. The message text is defined in a separate local module, demonstrating ES6 imports.

VVReddy913
78% match
Loading thumbnail…

Scientific Data Visualization ICE5

This example displays metadata about a dataset loaded from a CSV file, showing its size, row count, and column count. The page uses d3.csv to fetch and parse the data, then d3.csvFormat to calculate the file size in kilobytes. A static SVG illustration depicts a geometric mountain scene with a flag and building. The visualization combines a simple React-free HTML document with inline CSS styling and D3.js v7 for data loading and summary generation.

SSravyaAnnadi
78% 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
76% 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
76% match
Loading thumbnail…

ice 5

This visualization displays metadata about a CSV file containing data on different courses. The page shows a large header, a violet preformatted text block that reports the file size, row count, and column count, and an embedded SVG image of a house. The code uses D3.js version 7 to fetch the remote CSV with `d3.csv` and computes the byte size of the formatted data with `d3.csvFormat`. The result is dynamically inserted into the DOM via `textContent`. The SVG is rendered statically from a GitHub-hosted image.

Rrohinikotha
75% match
Loading thumbnail…

ICE5

This example displays metadata about a student dataset, presenting file size, row count, and column count in a large, bold text overlay. The visualization uses D3.js v7 to fetch and parse a CSV file from a GitHub Gist via `d3.csv`, then formats the data with `d3.csvFormat` to calculate its size in kilobytes. The page’s background features a student-themed SVG image, styled with CSS. Static HTML text and links provide context, while the JavaScript dynamically updates a `<pre>` element with the computed statistics.

KKiran Jyothi Bodduluri-11604571
75% match
Loading thumbnail…

Fork of ICE5

This example displays metadata about a university dataset, showing the file size, row count, and column count on a webpage. The visualization uses a custom CSS background image and presents the statistics in a large, bold text format. It loads the data from a CSV file using D3 v7, specifically the `d3.csv` and `d3.csvFormat` API functions to fetch and calculate the byte size, then updates the DOM via `getElementById` and `textContent`. The page also includes a link to view the raw dataset source.

Rradhadevarapu
75% match
Loading thumbnail…

ICE-5 Data Visualization

This example displays metadata about an overseas dataset, including file size, row count, and column count, on an HTML page with a custom background image. It loads a CSV using `d3.csv` from a GitHub gist URL, then uses `d3.csvFormat` to calculate the data size in kilobytes. The page is styled with CSS and uses D3 v7 to fetch and process the dataset. Both the page title and the dataset link are presented as clickable elements, with the metadata output displayed in a preformatted block.

MMounikadontireddy
75% match