Skip to main content
SimilarExport ZIP
100%

Madan Datta ICE-5

✓ Published1🌍 Public
MMadan05101998
Last edited Mar 1, 2023
Created on Mar 1, 2023
Forked from ICE5

This example displays metadata about a car dataset on a webpage with a background image. The page shows the dataset’s file size, row count, and column count. It uses D3 v7, specifically `d3.csv` to fetch and parse the CSV file from a GitHub gist, and `d3.csvFormat` to measure the data’s size. The code renders the resulting message into a preformatted text element. A separate CSS file sets the background image and 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 car evolution dataset covering 1945–2020, presented as text over a background image of a car. It shows the file size in kilobytes, row count, and column count of the loaded CSV data. The visualization uses D3 v7’s `d3.csv` to fetch and parse the external dataset, then `d3.csvFormat` to calculate its size. Styling is handled with CSS, including background positioning and text alignment. The page is built with plain HTML and JavaScript, without a React framework despite the metadata listing one.

Rrajkumarboddapati2
84% match
Loading thumbnail…

ICE 5

This example displays metadata about the cars dataset, presenting the file size, row count, and column count in large, bold text. The page is styled with a background image of cars and includes a link to the raw CSV file. Using D3 v7, the code loads the data via `d3.csv` and calculates the size with `d3.csvFormat` and the `length` property. The resulting statistics are rendered into a `<pre>` element by setting its `textContent`.

Sshiiva-surya
81% match
Loading thumbnail…

Fork of ICE5

This example presents a webpage that reports metadata about a mobile phone dataset. It shows the dataset’s size in kilobytes, the number of rows, and the number of columns, along with a link to view the raw data. The code uses D3 v7’s `d3.csv` to load data from a GitHub gist and `d3.csvFormat` to calculate the file size. The resulting message is displayed inside a `<pre>` element, while CSS sets a credit card image as the page background.

MMadan05101998
81% 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
81% 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
80% match
Loading thumbnail…

Fork of Madan Datta ICE-5

This page displays metadata about a credit card customer dataset, including file size in kilobytes, row count, and column count, presented as plain text in a styled `<pre>` element. The background features a credit card SVG image, and the dataset is accessible via a linked CSV file. The code uses D3 v7’s `d3.csv` to fetch and parse the remote CSV, then `d3.csvFormat` to calculate its byte length, and updates the DOM via `document.getElementById`. CSS handles the centered layout and background styling.

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

ICE 5: Loading and Parsing CSV Data with D3.js

This example demonstrates loading a CSV file of car data from a GitHub gist using D3.js version 7. It displays a summary message showing the file size in kilobytes, the number of rows, and the number of columns. The visualization uses D3’s `d3.csv()` to fetch and parse the remote data, then applies `d3.csvFormat()` to calculate its byte length. The result is rendered as plain text in a large `pre` element on an HTML page with CSS styling.

SSaiSreya1
79% match