Skip to main content
SimilarExport ZIP
100%

ICE5

✓ Published1🌍 Public
SSANEEM MOHAMMAD
Last edited Mar 2, 2023
Created on Mar 2, 2023

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.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of 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.

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
90% match
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
87% 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…

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
85% match
Loading thumbnail…

ICE5

This example displays metadata about an electronic store dataset, including its size in kilobytes, row count, and column count. The page loads a CSV file from a remote URL using D3 v7’s `d3.csv` method, then calculates and displays the dataset’s statistics inside a `<pre>` element. The background features a custom SVG image, and text styling is applied via CSS. The interface includes a hyperlink to the original dataset and uses plain JavaScript with D3’s `csvFormat` to compute the byte length of the data.

HHarshavardhan
84% match
Loading thumbnail…

ICE5

This example displays metadata from a store dataset, including row count, column count, and file size, presented as text on a styled HTML page with a background image. It fetches a CSV file from a GitHub Gist using D3’s `d3.csv` function, then formats the data with `d3.csvFormat` and calculates its size in kilobytes. The visualization is rendered with plain HTML elements, including headings and a `<pre>` block, styled by a linked CSS file, and uses React only as a framework reference. The page relies on D3 v7 and JavaScript for data retrieval and message assembly.

SSravaniPosina
84% match
Loading thumbnail…

ICE5

This example summarizes the metadata of an employee dataset loaded from a remote CSV file. It uses D3.js v7’s `d3.csv` to fetch the data, then calculates and displays the file size in kilobytes, the total row count, and the number of columns. The computed metrics are presented as text inside a `<pre>` element, while a background SVG image (ICE-5) and hyperlinks provide context and access to the raw dataset.

Bbhanuprasadk19
83% match