Skip to main content
SimilarExport ZIP
100%

ICE%

✓ Published0🌍 Public
Ggeethanjalikotaru
Last edited Mar 3, 2023
Created on Feb 21, 2023

This visualization displays metadata about a credit card dataset, including its size in kilobytes, row count, and number of columns, presented as plain text on a styled page. Using D3.js v7, it loads a remote CSV file via `d3.csv`, formats the data with `d3.csvFormat`, and updates the DOM text content through `document.getElementById`. The page’s background is an SVG image applied via CSS, while the script calculates and displays the dataset’s summary information.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-5

This example displays credit card information by loading a CSV dataset from a GitHub gist and reporting its size in kilobytes. The page uses D3 version 7 to fetch the data with `d3.csv`, format it with `d3.csvFormat`, and display a summary message in a `<pre>` element. The visualization is minimal, showing only the dataset's metadata rather than a graphical chart.

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

ICE

This example displays a summary of a cancer dataset, presenting its file size, row count, and column count in a stylized, gradient-filled card. It fetches data from a remote CSV file using the D3.js `d3.csv` method, then calculates the metrics by stringifying the data and inspecting the array and its first object. The presentation uses HTML and CSS for layout and animations, paired with D3 v7 for data retrieval and processing.

Ttadisatishreddy2000@gmail.com
87% match
Loading thumbnail…

Fork of ICE5

This visualization presents metadata about a credit card customer dataset, fetched from an external CSV file. It displays the dataset’s size in kilobytes, row count, and column count as plain text in a large, bold, centered `<pre>` element. The page shows a credit card SVG as a background image and includes a hyperlink to view the raw data. The code uses the D3.js `d3.csv` function to parse the remote CSV and `d3.csvFormat` to calculate its size, reporting the results without any graphical charts or interactive elements.

Vvamshisoletii
86% match
Loading thumbnail…

ice-5

This example displays credit card dataset metadata in a web page, showing the computed size of the CSV in kilobytes, the row count, and the column count from a remote CSV file loaded via `d3.csv`. The page uses D3 version 7 to fetch and parse the data from GitHub, then presents the summary text within a `pre` element. The visualization also incorporates a background SVG image and a hyperlink for viewers to access the original dataset.

CChandrashekharRamamuthi
86% match
Loading thumbnail…

Fork of ICE5

This visualization displays metadata about a credit card customer dataset, including its size in kilobytes, row count, and column count. The page presents a large credit card background image and clearly labeled headers, with the computed statistics shown in a preformatted text block. It uses D3 v7’s `d3.csv` to fetch the dataset from a GitHub gist URL and `d3.csvFormat` to measure its length. The data itself is not visualized graphically; only summary metrics are computed and displayed via DOM text content.

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

ICE 5 CSCE 5320 SCIENTIFIC DATA VISUALIZATION

This example demonstrates how to begin using D3 version 6 by loading a customer card transaction dataset from a CSV file and displaying its metadata. It shows the dataset’s size in kilobytes, row count, and column count within a preformatted text container. The visualization uses the D3.js library’s `d3.csv` method to fetch and parse the external CSV, and `d3.csvFormat` to calculate data size. The page is styled with a custom background image and centered headings via CSS.

SSai Kaushik
85% match