yasmmen html;

100%

✓ Published1🌍 Public

Last edited Feb 25, 2023

Created on Feb 25, 2023

Forked from ICE5

This example displays metadata about an Uber car service customer dataset, including its size in kilobytes, row count, and column count. The page loads a CSV file from a GitHub gist using d3.csv, then computes the formatted data length with d3.csvFormat and updates the text content of a pre element. Styling includes a background image, centered headings, and a red hyperlink to the raw dataset.

AI-generated description

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

Similar vizzes

Loading thumbnail…

Fork of yasmmen html;

This page displays metadata about an Uber car service customer dataset, including its size in kilobytes, row count, and column count, presented as text within a styled HTML page. The visualization uses D3 version 7.3 to fetch the CSV data from a remote GitHub Gist via `d3.csv()` and computes the message content using `d3.csvFormat()`. The page’s appearance is defined by CSS, including a background image, and the result is rendered in a `<pre>` element. The dataset link is provided as a clickable reference for the user.

Yyasmeenha

92% match

Loading thumbnail…

yasmeen

This example displays metadata about an Uber Cab dataset from New York, showing the file size in kilobytes, row count, and column count. A background image of a cab is displayed via CSS, and the metadata is presented in a large, bold preformatted text block. The page uses D3 v7’s `d3.csv` to load the dataset and `d3.csvFormat` to calculate its size, while the title and link provide context and access to the raw CSV file hosted on GitHub.

Yyasmeenha

89% match

Loading thumbnail…

Fork of yasmeen

This page displays metadata for a New York Uber Cab Dataset, including the file size in kilobytes, the number of rows, and the number of columns. The visualization is minimal, presenting this information as plain text within an HTML page styled with CSS, featuring a cab background image. The code uses the `d3.csv` API to fetch the dataset from a remote URL and `d3.csvFormat` to compute its size, then writes the summary into a `<pre>` element. The page also provides a link to view the raw CSV data.

SSravaniPosina

82% 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

77% match

Loading thumbnail…

CSS Visualization

This example displays basic metadata about a CSV file in large text on a webpage. It uses D3 v6’s `d3.csv` to load a remote dataset from a GitHub gist, then calculates and shows the approximate file size in kilobytes, the number of rows, and the number of columns. The result is rendered into a `<pre>` element using `document.getElementById` and `textContent`. The code also includes commented-out alternative approaches using `fetch` and `d3.csvParse`.

YYashuVerma1210

74% match

Loading thumbnail…

csv data

This example displays basic metadata about a CSV file in large text, reporting its size in kilobytes, row count, and column count. It loads the data from a GitHub Gist containing CSS named colors using d3.csv in D3 v7, then formats and measures the parsed data with d3.csvFormat. The page is a minimal HTML document with inline JavaScript and CSS, updating a pre element’s text content through the DOM API.

Eeleshaky

74% match

Loading thumbnail…

Untitled

This example displays basic dataset summaries for a CSV file loaded from a GitHub gist, showing file size in kilobytes, row count, and column count in a pre-formatted text container. The page also includes a static SVG diagram and a heading. The code uses D3 v7’s `d3.csv` to fetch and parse the remote data, then applies `d3.csvFormat` to calculate the formatted file size. Results are written to the DOM via `document.getElementById`, and the HTML page links to an external stylesheet named `newstyle.css`.

SSnigdha6698

74% match

Loading thumbnail…

Welcome to HTML

This example displays a webpage titled "This page displays customers" with a centered heading and a message area that summarizes a customer dataset. It fetches the data from a CSV file hosted as a GitHub gist using the `d3.csv` method, then reports the dataset's size in kilobytes, row count, and column count via `d3.csvFormat` and the `data.columns.length` property. The page uses a customer SVG as a background image via CSS, while the JavaScript dynamically writes the metadata into the `<pre>` element.

Mmanishcheruku

73% match