yasmeen

100%

✓ Published2🌍 Public

Last edited Feb 26, 2023

Created on Feb 26, 2023

Forked from ICE5

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.

AI-generated description

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

Similar vizzes

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

90% match

Loading thumbnail…

yasmmen html;

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.

Yyasmeenha

89% match

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

85% 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…

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

71% match

Loading thumbnail…

Data Visualization ICE-5

This page displays metadata about an Airbnb dataset, including its size in kilobytes, row count, and column count. The visualization presents this information as plain text within a pre-formatted HTML element, overlaid on a background image of the Airbnb logo. The code fetches a CSV file and uses the D3.js `d3.csv` and `d3.csvFormat` APIs to load and calculate the data's size, then updates the page’s content dynamically via JavaScript. Styling is handled through external CSS, which sets the background image and text colors.

Ttejasviprasad06@gmail.com

70% match

Loading thumbnail…

Document

This example displays metadata about a CSV dataset of Oscar-nominated and winning directors, showing the file size, row count, and column count. It retrieves the data from a GitHub-hosted CSV file using the `d3.csv` function, formats the metadata with `d3.csvFormat`, and computes the file size in kilobytes. The information is rendered as text within a `<pre>` element. The page’s styling, including an aqua background and an Oscar statuette image, is defined in a separate CSS file, while the visualization relies on D3 v7 and JavaScript within a basic HTML structure.

DDeepa-Murugesan

70% match

Loading thumbnail…

Untitled

This example displays metadata about a CSV dataset, including file size, row and column counts, and the best and worst rated titles. It loads the data with d3.csv, processes it in JavaScript, and outputs the findings as text into a page element. The page uses a custom style.css for visual styling and is built with plain HTML, CSS, and D3.js v7.

Hharoldle

70% match