HyPeRRiDeR

100%

✓ Published0🌍 Public

MMadan05101998

Last edited Mar 1, 2023

Created on Mar 1, 2023

Forked from ICE5

This example displays summary metadata about a mobile phone dataset, including its size in kilobytes, row count, and column count. It loads the data from a CSV file hosted on GitHub using `d3.csv`, then formats the information with `d3.csvFormat` to calculate the file size. The results are rendered as plain text in a `<pre>` element. The page uses D3 v7 and React, with a simple HTML and CSS layout that includes a link to view the full dataset.

AI-generated description

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

Similar vizzes

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

77% match

Loading thumbnail…

data_1

This example displays a text summary of a dataset loaded from a remote CSV file, showing its size in kilobytes, row count, and column count in large monospaced text. It fetches the data from a GitHub gist using `d3.csv`, then formats the data back to a string with `d3.csvFormat` to calculate its length. The resulting message is rendered into a `pre` element via standard DOM manipulation, with D3 v7 handling the asynchronous data loading.

NNikithakatta30

74% match

Loading thumbnail…

Smartphone

This example demonstrates how to load and parse a CSV dataset using D3 v7, displaying basic file statistics in a styled HTML page. The code uses `d3.csv` to fetch the Smartphone dataset from a GitHub gist, then computes and presents the file size in kilobytes, row count, and column count inside a `<pre>` element. The page also includes an embedded SVG illustration of a smartphone and surrounding decorative elements, rendered as static markup. The example focuses on data loading and parsing rather than interactive visualization, with a simple message container updating via the DOM API.

Nnagarjuna1968

74% match

Loading thumbnail…

Untitled

This example displays metadata about a motor vehicle sales dataset, including its size in kilobytes, row count, and column count. The data is loaded from a CSV file using D3 v7’s `csv` method, and the summary text is rendered inside an HTML `<pre>` element. The page uses CSS background images from external SVG URLs for visual styling, with JavaScript calculating the dataset’s size via `csvFormat().length`.

Vvineeth-001

74% match

Loading thumbnail…

Data Visualization

This example displays a data summary message generated from a CSV file loaded via d3.csv. The code calculates the file size in kilobytes, row count, and column count, then renders these statistics in a large, styled pre element. The page also includes a heading, a greeting, and an embedded image reference from VizHub. The visualization uses D3 v7 and React, with the CSV data sourced from a GitHub gist.

Hharika-1929

74% match

Loading thumbnail…

Untitled

This example displays a concise summary of a CSV dataset loaded from a remote URL, showing the file size in kilobytes, the number of rows, and the number of columns. Using D3.js v5, it calls `d3.csv` to fetch and parse the data, then uses `d3.csvFormat` and `data.columns` to compute the statistics, displaying them in a large HTML `<pre>` element. The visualization demonstrates asynchronous data loading with promises, highlighting the simplicity of the `d3.csv` API over raw `fetch` and `await` alternatives.

Cchar0496

73% match

Loading thumbnail…

CSV Data

This example displays a summary of a remote CSV file's contents: its approximate size in kilobytes, the number of data rows, and the number of columns. It fetches the data from a GitHub gist URL using the `d3.csv` API, then formats the loaded data with `d3.csvFormat` to calculate its length. The resulting statistics are rendered as large text inside an HTML `<pre>` element, which is updated via JavaScript's `textContent` property. The styling is applied through a CSS class that sets the font size.

SSam Hege

73% match

Loading thumbnail…

SDV ICE5

This example presents the dataset’s metadata as a text summary in a web page. It shows the file size in kilobytes, the number of rows, and the number of columns from a CSV file about song and artist popularity. The page fetches the data using `d3.csv` and formats the message with `d3.csvFormat` and `Math.round`, displaying the result inside a `<pre>` element. The dataset is linked externally, and the styling uses CSS gradients for headings and text.

CCH SAMPATH

73% match