ICE-5

100%

✓ Published0🌍 Public

Last edited Mar 9, 2023

Created on Mar 9, 2023

Forked from ICE-5

This example displays basic metadata about an earthquake dataset. The page presents a header, an image, and textual information about the data's size, row count, and column count. The visualization uses D3 version 7.8.2 to load a CSV file from a GitHub gist using the `d3.csv` and `d3.autoType` functions. It then calculates the file size in kilobytes and determines the number of rows and columns before displaying this information in a `<pre>` element. The page also includes links to the VizHub project and the raw CSV data source.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-5

This example loads a CSV file containing earthquake data for 2021 and displays basic summary statistics about the dataset, including its size in kilobytes, row count, and column count. The page also shows a decorative dandelion SVG image and provides links to the original VizHub project and the raw CSV data. Built with D3 v7, it uses `d3.csv` with `d3.autoType` to parse the remote data and then formats the result with `d3.csvFormat` to calculate the file size, writing the output into an HTML `<pre>` element.

CChathurya

90% match

Loading thumbnail…

Fork of ICE-6

This example presents a basic summary of an earthquake dataset. It displays the data's file size, row count, and column count on a webpage. Built with D3.js v7, the code fetches a CSV file from a remote GitHub gist using `d3.csv` and `d3.autoType`, then formats the resulting table with `d3.csvFormat` to calculate its size in kilobytes. The visualization also includes a static SVG image of a dandelion and links to the original VizHub project and raw CSV data.

CChathurya

85% match

Loading thumbnail…

ICE5

This page shows metadata about an electronics sales dataset, summarizing its size, row count, and column count in a text overlay. The visualization loads a CSV file from a GitHub gist using D3 v7’s `d3.csv` method, then computes the file size from the formatted CSV string’s length in kilobytes. It also counts the number of rows and columns from the parsed data, displaying all three metrics in a large red monospace block. A background SVG image and a link to the raw dataset are included as supplementary information.

Ddheeraj1509

84% match

Loading thumbnail…

ICE5

This example displays metadata about a COVID-19 dataset loaded from a GitHub gist, showing the file size in kilobytes, row count, and column count as plain text. The visualization demonstrates loading D3 v5 via UNPKG, using `d3.csv` to fetch and parse the CSV data, and `d3.csvFormat` to calculate the data’s size. It also illustrates importing from local ES6 modules, though the primary output is a simple text-based summary rather than a graphical chart.

Ssrividyabachina22

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…

ICE-5

This example displays metadata about a CSV dataset loaded from a GitHub Gist, showing the file size in kilobytes, the row count, and the column count in a black-and-white text panel. It uses D3 v5’s `d3.csv` to fetch the remote CSV file and `d3.csvFormat` to calculate its size. The page also demonstrates local ES6 module imports, including a message from `myMessage.js`, and applies basic CSS styling to the layout.

TTekmal-Bhavana

84% match

Loading thumbnail…

ICE5

This page summarizes a student dataset by displaying its metadata as plain text, including file size in kilobytes, row count, and column count. The visualization uses D3.js (v7) to fetch the CSV data from a remote GitHub URL, calculates the metadata, and renders it into an HTML `<pre>` element. A modular D3 component, defined in `module.js`, appends a text element to an SVG canvas, although its interaction is minimal. The page's styling includes a custom background image and white headings for visual presentation.

NNikitha123171

84% match

Loading thumbnail…

ICE5

This visualization displays metadata about a professionals dataset, reporting the file size, number of rows, and column count in a simple text summary. The page loads a CSV file using D3 v7’s `d3.csv`, then calculates the formatted data length with `d3.csvFormat` and presents the statistics in a preformatted message container. A background SVG image is applied via CSS, and the dataset is linked through an HTML anchor for further exploration.

SSuresh John Wesly

83% match