Skip to main content
SimilarExport ZIP
100%

ICE-5

✓ Published0🌍 Public
JJasvitha Allamsetty
Last edited Mar 4, 2023
Created on Mar 3, 2023
Forked from ICE5

This page displays information about home loan customers, with a dataset summary shown in the top-right corner. The example reports the dataset's size in kilobytes, row count, and column count. It uses D3’s `d3.csv` function to fetch the CSV file from a GitHub Gist, then applies `d3.csvFormat` to calculate the byte size. The background features a custom SVG illustration, while the page layout is styled with CSS. The metadata summary is injected into a pre-formatted text container using JavaScript’s DOM manipulation.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-5

This example displays a concise summary of the metadata for a CSV file containing customer loan details. It reports the file size in kilobytes, the number of rows, and the number of columns directly onto the page. The visualization uses d3.csv to fetch the data and d3.csvFormat and string concatenation to compute the metrics. Results are written as plain text into a pre element using the standard Document Object Model.

CCHANDU BHARGAVI
85% 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

This example shows tenant data from a linked CSV file, displaying the dataset’s size in kilobytes, row count, and column count. The page loads the CSV using the d3.csv method, then formats and computes the statistics with d3.csvFormat and the data’s length and columns properties. The visualization is built with D3 v7 and React, presenting the information as plain text. The background is a static SVG image of apartments, with the title and link displayed prominently.

RReyden Harris
84% match
Loading thumbnail…

ICE-05

This page displays information about a finance dataset, showing its size in kilobytes, row count, and column count within a pre-formatted text block. It achieves this by loading a CSV file from a GitHub gist using `d3.csv`, then computing the data length and the number of columns from the parsed result, formatting the output with `d3.csvFormat` and `Math.round`. The page also includes a styled background image and a link to the raw dataset, with the text presented in a large, bold, centered font.

Ssnehareddygurram
83% match
Loading thumbnail…

ICE5

This example displays a simple summary of a car rental dataset, presenting the file size in kilobytes, row count, and column count as plain text. The visualization loads a CSV file from a GitHub gist using d3.csv, then calculates and formats these statistics with d3.csvFormat and Math.round. The page is styled with custom CSS, featuring a large centered title and a responsive message area. The code relies on D3.js v7 and runs entirely within a single HTML file, with no interactive or graphical charting beyond the textual output.

SSnapika
83% match
Loading thumbnail…

ICE5

This example presents metadata about a credit card customer dataset. It displays the dataset’s size in kilobytes, row count, and column count on a webpage overlaid with a credit card background image. The code loads a CSV file using D3 v7’s `d3.csv` method, then computes the size of the formatted data with `d3.csvFormat` and updates the text content of a `<pre>` element. The page is styled with CSS and uses a link to the raw dataset source.

Ssaisreearibandi
83% match
Loading thumbnail…

ICE5_11540905

This example displays a dataset summary for customer order information, showing the file size in kilobytes along with the total row and column counts. The visualization uses a custom background image and styled headings to present a linked CSV dataset. It loads data from a remote GitHub-hosted CSV file using the `d3.csv` method, then calculates and renders the metadata into a preformatted text element. The page utilizes D3 v5 within a plain HTML structure, with no additional frameworks beyond the core library.

Nnagasai-gummadi
83% match
Loading thumbnail…

ICE-5

This visualization displays a summary of a dataset, reporting the number of rows, columns, and approximate file size in kilobytes. The page loads an external CSV file and uses the D3.js library’s `d3.csv` function with the `d3.autoType` parser to automatically infer data types. After parsing, the code calculates the formatted data length and row count to construct a text message, which is rendered in a `<pre>` element using JavaScript's `getElementById` and `textContent`. The visualization also includes a static SVG image and links to the source data.

Nnikhilagopi
83% match