ICE-5 The Shapes of Data

100%

ICE-5 The Shapes of Data

✓ Published0🌍 Public

Last edited Jun 23, 2022

Created on Jun 23, 2022

This example displays metadata about a Texas house rentals dataset, including its size in kilobytes, row count, and column count. It reads the data from a CSV file hosted on GitHub using D3 v7's `d3.csv` method, then calculates and presents the file size with `d3.csvFormat`. The page presents this information in a styled HTML document alongside a static SVG illustration of a house and a link to the raw dataset.

AI-generated description

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

Similar vizzes

Loading thumbnail…

ICE5

This example presents metadata about a California housing dataset, displaying the file size, row count, and column count in a styled web page. It uses D3 v7’s `d3.csv` and `d3.csvFormat` to load and analyze a CSV file from a GitHub gist, then updates a `<pre>` element via `textContent`. The page is styled with custom CSS, including a background SVG, and includes a clickable link to the raw dataset. It demonstrates basic data loading and descriptive statistics without any charts or visualizations.

BBrian Gilmore

86% match

Loading thumbnail…

ICE 5

This example shows tenant data from a linked CSV file, displaying the dataset’s size in kilobytes, row count, and column count. The page loads the CSV using the d3.csv method, then formats and computes the statistics with d3.csvFormat and the data’s length and columns properties. The visualization is built with D3 v7 and React, presenting the information as plain text. The background is a static SVG image of apartments, with the title and link displayed prominently.

RReyden Harris

85% match

Loading thumbnail…

ICE-5 The Shapes of Data

This example displays metadata about a Chipotle stores dataset, reporting its size in kilobytes, row count, and column count. The visualization is a simple HTML page that uses D3.js (version 7) to fetch and parse the CSV data from a remote URL via the `d3.csv` function. The page presents the metadata as plain text in a styled `<pre>` element, with a background image embedded through CSS. The code also includes a link to view the raw dataset, and the output updates dynamically after the data loads.

EEshwarreddyt

84% match

Loading thumbnail…

Data Visualization ICE5

This example displays a web page titled “This is ICE 5” that visually summarizes a CSV dataset by presenting its size, row count, and column count inside a large text block. The page also shows two static SVG images of a house and a human. It loads data from a remote GitHub gist using D3 v7’s `d3.csv` method, then computes the file size in kilobytes from `d3.csvFormat(data).length` and displays the metrics via `document.getElementById` with a template literal.

VVenkata Sai Preetham

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

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

84% match

Loading thumbnail…

ICE-5 Shapes

This example presents metadata about a world population dataset within a visually styled HTML page. It displays the file size in kilobytes, row count, and column count in a `<pre>` element, calculated using `d3.csv` and `d3.csvFormat`. The page is styled with a purple background and an embedded SVG illustration, while a link directs users to the raw dataset. The code uses D3 v7 to fetch the CSV from a GitHub gist and dynamically update the text content.

SSharmaAshwini

84% match

Loading thumbnail…

ICE5

This example displays metadata about a sales department dataset, showing the file size in kilobytes, row count, and column count as plain text on a page. The data is fetched from a CSV file using the `d3.csv` method, and the output is formatted with `d3.csvFormat` to calculate the file size. The page presents the information within a pre-styled container, alongside headers and a link to the source dataset. The visualization relies on the D3.js library, version 7.3.0, loaded via a CDN.

TTejaswicmandava

83% match