Fork of ICE-6

100%

✓ Published0🌍 Public

Last edited Mar 17, 2023

Created on Mar 17, 2023

Forked from ICE-5

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.

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

88% match

Loading thumbnail…

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.

DDineshKantumutchu

85% 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 ICE-5 The Shapes of Data

This example displays a static nature-themed SVG image alongside a summary of a CSV dataset. The summary lists the data file size, number of rows, and number of columns, computed using `d3.csvParse` on data fetched from a remote gist URL via the `fetch` API. The page is styled with custom CSS and uses D3 v4 to parse the CSV, but performs no additional visualization of the dataset itself.

Aanushatod

83% match

Loading thumbnail…

Fork of ICE-5: Loading and Parsing CSV Data with D3.js

This example demonstrates loading and parsing CSV data with D3.js, displaying a message about the dataset's size and structure. The page uses D3.v7's `d3.csv` function to fetch an external CSV file of earthquake data, then computes and reports the file size in kilobytes, the number of rows, and the number of columns. The results appear in a large `<pre>` element, styled with CSS. The page also includes an inline SVG and a reference to an external image, though the core interactive component is the asynchronous data loading and formatting via `d3.csvFormat`.

YYbg99g

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

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

81% match

Loading thumbnail…

Fork of ICE-5: Loading and Parsing CSV Data with D3.js

This example demonstrates how to load and parse CSV data using D3.js (v7). The page displays a summary message showing the dataset's size in kilobytes, row count, and column count, which is fetched from a GitHub gist. The code uses `d3.csv` to fetch and parse the data, `d3.csvFormat` to calculate its size, and DOM manipulation via `document.getElementById` to update the message container. An embedded SVG illustration of a city scene accompanies the textual output.

Vvegurusaiprathyusha

81% match