Skip to main content
SimilarExport ZIP
100%

ICE5

✓ Published0🌍 Public
Nnehabaddam
Last edited Mar 2, 2023
Created on Mar 2, 2023
Forked from HTML Starter

This example displays metadata about DC public schools, presenting the dataset’s size in kilobytes, row count, column count, and column names within a styled HTML page. It uses D3 v7’s `d3.csv` to load a CSV file from a GitHub gist, then processes the parsed data with `d3.csvFormat` and `data.columns` to generate the summary text. The page also includes a button linking to the raw dataset and uses CSS for layout and background styling.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

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

ICE5

This page displays metadata about a student performance dataset. It shows the dataset’s size in kilobytes, its row count, and its column count inside a preformatted text block. The visualization uses D3 v7’s `d3.csv` and `d3.csvFormat` functions to load and calculate the metadata, with the resulting message inserted into the DOM via `textContent`. The page also links to the raw CSV file hosted on GitHub Gist, and uses basic CSS for styling with a background image.

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

ICE5

This example displays the metadata of a university dataset loaded from a CSV file. Using D3 v7, the code fetches the data with `d3.csv` and computes the file size in kilobytes via `d3.csvFormat`, along with the number of rows and columns. The resulting information is rendered as plain text in a `<pre>` element, while a CSS background image of a credit card and a green accent color style the page. The visualization shows a minimal, text-based summary rather than a graphical chart.

Rradhadevarapu
87% match
Loading thumbnail…

ICE5

This example presents metadata about a California housing dataset, displaying the file size, row count, and column count in a styled web page. It uses D3 v7’s `d3.csv` and `d3.csvFormat` to load and analyze a CSV file from a GitHub gist, then updates a `<pre>` element via `textContent`. The page is styled with custom CSS, including a background SVG, and includes a clickable link to the raw dataset. It demonstrates basic data loading and descriptive statistics without any charts or visualizations.

BBrian Gilmore
86% 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
85% match
Loading thumbnail…

ICE5

This example summarizes the metadata of an employee dataset loaded from a remote CSV file. It uses D3.js v7’s `d3.csv` to fetch the data, then calculates and displays the file size in kilobytes, the total row count, and the number of columns. The computed metrics are presented as text inside a `<pre>` element, while a background SVG image (ICE-5) and hyperlinks provide context and access to the raw dataset.

Bbhanuprasadk19
85% match