Fork of ICE5

100%

✓ Published1🌍 Public

Last edited Mar 2, 2023

Created on Mar 2, 2023

Forked from ICE5

This example displays the metadata of a CSV dataset about property stolen and recovered in each state. It loads the data using d3.csv and presents the row and column counts in a pre-formatted text container on the page. The visualization relies on D3 v7 for data fetching and basic DOM manipulation, while the layout is styled with CSS and structured with plain HTML.

AI-generated description

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

Similar vizzes

Loading thumbnail…

Fork of Fork of ICE5

This example displays the count of rows in a dataset about property stolen and recovered in each state. The visualization is a minimal HTML page that loads data from a CSV file hosted on GitHub using the `d3.csv` API from d3.v7. The code retrieves the CSV, counts the number of rows, and writes a message with that metadata to a `<pre>` element via `document.getElementById`. The page uses CSS for styling and is built with React, though the current implementation only shows static text output.

SSANEEM MOHAMMAD

93% match

Loading thumbnail…

ICE5

This example displays metadata about a dataset of property stolen and recovered in each state. It loads a CSV file from a GitHub gist using `d3.csv`, then counts the number of rows and columns in the data. The resulting message, which states the dataset contains a certain number of rows and columns, is written into a `<pre>` element via `document.getElementById`. The page is styled with CSS and uses D3 v7 for data fetching and parsing.

SSANEEM MOHAMMAD

90% match

Loading thumbnail…

ICE5

This example presents a data-driven summary of stolen property statistics for each state. The visualization page displays a concise metadata readout of the underlying dataset, showing its file size in kilobytes, the total number of rows, and the number of columns. The code fetches the CSV data from a GitHub Gist using the D3.js `d3.csv` method, then calculates and formats the metadata with `d3.csvFormat`. The resulting text message is injected into an HTML `<pre>` element. The page uses D3 v7 and CSS for its minimal presentation.

SSANEEM MOHAMMAD

88% match

Loading thumbnail…

ICE5

This page presents a summary of stolen property data, displaying metadata about the dataset. It uses D3.js (version 7) to load the CSV from a URL and calculate its size, row count, and column count, presenting these metrics as text. The page uses a custom CSS background image of a stolen property icon. The visualization provides a direct link to view the underlying property stolen and recovered dataset. The design uses basic text output, not a chart, to convey the data's dimensions.

SSANEEM MOHAMMAD

86% match

Loading thumbnail…

Fork of ICE5

This example displays metadata about a university dataset, showing the file size, row count, and column count on a webpage. The visualization uses a custom CSS background image and presents the statistics in a large, bold text format. It loads the data from a CSV file using D3 v7, specifically the `d3.csv` and `d3.csvFormat` API functions to fetch and calculate the byte size, then updates the DOM via `getElementById` and `textContent`. The page also includes a link to view the raw dataset source.

Rradhadevarapu

83% match

Loading thumbnail…

Fork of ICE-5

This example demonstrates how to load and parse external data using D3 v7, displaying key statistics about a CSV dataset in a styled HTML page. It shows the file size in kilobytes, row count, and column count within a large, centered text element. The page also includes an embedded SVG cityscape illustration and custom CSS styling. The core functionality relies on `d3.csv` to fetch data from a GitHub Gist URL and `d3.csvFormat` to calculate the data length, with results rendered into the DOM via standard JavaScript text content assignment.

Hhailiwang@my.unt.edu

83% match

Loading thumbnail…

Fork of ICE5

This page displays a student performance dataset. It shows metadata about the data, including its size in kilobytes, row count, and column count, by fetching a CSV file and processing it with D3.js. The visualization uses the `d3.csv` API to load the external data and the `d3.csvFormat` API to calculate the file size. The page presents this information as plain text, with a background image of a student performance SVG and clickable links to the dataset.

Mmanjushalakshmi

82% match

Loading thumbnail…

Fork of ICE5

This example displays metadata for a laptops dataset, showing the file size, row count, and column count on a webpage with a laptop background image. The page presents this summary in large, bold text under a title and a link to the dataset. The code uses D3 v7’s `d3.csv` and `d3.csvFormat` functions to fetch the CSV from a GitHub gist, calculate the character length in kilobytes, and extract the number of rows and columns, then injects the result into the DOM via `textContent`. The layout is styled with CSS for the background and centered typography.

Hhm0421

82% match