Skip to main content
SimilarExport ZIP
100%

Fork of ICE-5

✓ Published0🌍 Public
Ssreesushmav
Last edited Mar 4, 2023
Created on Mar 3, 2023
Forked from ICE-5

This web page summarizes the Forest Cover Type Dataset from Roosevelt National Forest in Colorado. It displays the dataset's number of rows, number of columns, file size in bytes, and column names in a styled list. The page uses D3.js v7 to load the CSV data via `d3.csv` and dynamically appends list items using `d3.select` and `.append`. The dataset is accessed from a GitHub Gist URL, with the page styled using custom CSS for the background image and layout.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-5

This web page displays summary statistics for the Forest Cover Type dataset from Roosevelt National Forest in Colorado, including row count, column count, file size, and column names. It uses D3.js v7 to fetch a remote CSV file via `d3.csv()` and dynamically populates an HTML list with the calculated metrics. The page’s visual design is styled with CSS, featuring a forest background image and a bordered container, while the data link is provided as a clickable header.

Ssreesushmavad
90% match
Loading thumbnail…

Fork of ICE-5

This example displays a dataset of 500 attributes, summarizing its size in kilobytes, row count, and column count in a large red text block. The page also presents a bold blue title and an embedded star SVG image. Built with D3.js v7, it uses the `d3.csv` method to fetch and parse a remote CSV file from a GitHub gist, then formats the data with `d3.csvFormat` to compute its byte size for the summary. Static HTML and CSS structure the layout, while JavaScript handles the asynchronous data loading and DOM updates.

NNaimisha-M
76% 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
75% match
Loading thumbnail…

Fork of Fork of ICE-5

This example displays the size, row count, and column count of a CSV dataset in a styled web page. It loads data from a remote gist URL using D3 v7’s `d3.csv`, then computes the formatted data length in kilobytes with `d3.csvFormat`, and presents the results in a `<pre>` element. The page also includes decorative inline SVG artwork and custom CSS styling for a colorful background and headings.

MMar-99
74% match
Loading thumbnail…

Fork of ICE5

This page displays the metadata of a GDP dataset, revealing the number of rows, columns, and file size in kilobytes after fetching a CSV. The visualization uses D3 v7’s `d3.csv` and `d3.csvFormat` to load and measure the data, then dynamically writes the summary into a `<pre>` element using `textContent`. A background SVG and hyperlink provide context and access to the dataset.

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

Fork of Data Visualization ICE5

This example displays a web page titled “ICE 5” with a large heading, a summary message about a CSV dataset, and two static SVG images (a house and a human) positioned side-by-side. It loads a CSV file from a GitHub gist using D3 v7’s `d3.csv` method, then calculates and displays the dataset’s size in kilobytes, row count, and column count in a styled `<pre>` element. The page layout is built with custom CSS, including flexbox for the image row and colored backgrounds for text elements. React is listed as the framework, though the visible code uses plain HTML and JavaScript with D3.

RRevanthGrreddy
74% match
Loading thumbnail…

Fork of ICE5

This page displays information about a mobile phones dataset, showing the number of rows and columns in the data. It uses D3 v7 and d3.csv to load a CSV file from a GitHub gist and writes the summary to the page. The page styling, including a green background and centered headings, is defined in CSS, with the dataset details presented in a large bold preformatted text block.

MMadan05101998
74% match