Skip to main content
SimilarExport ZIP
100%

Csce 5320 Data Visualization ICE 5

✓ Published2🌍 Public
Ssuchitra2602
Last edited Jun 21, 2022
Created on Jun 21, 2022

This example displays metadata about a hockey player dataset, including row and column counts, in a styled HTML page. It uses D3 v7’s `d3.csv` to load external CSV data from a GitHub gist and `d3.csvFormat` to calculate the data size, displaying the results in a green `pre` element. The page also embeds a static SVG image of a dog from another gist, with yellow heading and centered layout styled via inline CSS. No interactive charts or animations are present.

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-4 CSCE 5320

This example displays metadata about a 2022 football teams dataset, including file size, row count, and column count, alongside a static SVG illustration of a football play scene. It loads CSV data from a GitHub gist using D3 v7’s `d3.csv` and formats the dataset with `d3.csvFormat` to compute information presented in a `<pre>` block. The page is built with plain HTML, CSS, and JavaScript, with the SVG chart drawn manually and styled inline.

Pprashanth yamala
85% match
Loading thumbnail…

s ICE-5: Welcome to ICE-5 Data visualization

This example displays a title, a cyan message box summarizing a CSV dataset, and a static SVG image on an HTML page. It loads a remote CSV file of the top 100 actors using D3 v7’s `d3.csv`, then computes and displays the file size in kilobytes, the row count, and the number of columns in a `pre` element. The page also embeds an external SVG image via an `img` tag. Styling is applied with basic CSS, and all rendering is client-side without any interactive charts or user input.

SSaahithi49
82% match
Loading thumbnail…

CSCE-5320 ICE-5

This example demonstrates how to load and parse a remote CSV dataset using D3.js v5 within a simple HTML page styled with custom CSS. The page displays a light green SVG polygon and a heading, while a JavaScript script fetches the CSV from a GitHub Gist, calculates its size in kilobytes, row count, and column count, and prints this summary inside a styled `<pre>` element. The code uses `d3.csv` for data retrieval and `d3.csvFormat` to measure the data length, with the result presented as a plain text message on a goldenrod background.

LLG0498
82% match
Loading thumbnail…

CSCE-5320 data visualization ICE-5 assignment

This example displays a static SVG rectangle alongside a CSV data summary, reporting the file’s size in kilobytes, row count, and column count. The page uses D3 v5’s `d3.csv` and `d3.csvFormat` to fetch and parse the remote rich.csv file, then updates a `<pre>` element with the computed metadata. Styling via custom CSS and inline SVG shapes provides a simple visual context, while React is referenced in the project structure but not actively used in the rendering.

Cchandrakalavanukuri
82% match
Loading thumbnail…

11525657_ICE5

This example demonstrates basic data loading and parsing with D3. It fetches a CSV file from a GitHub gist using `d3.csv`, then displays the file size, row count, and column count in a large, styled text element. A static ornamental SVG image is also embedded on the page. The visualization uses D3 v7 within a plain HTML page, with styling applied via CSS to highlight the parsed data summary.

BBVNPK001
82% match
Loading thumbnail…

ICE-5

This example renders a styled HTML table displaying metadata about a user dataset, loaded from a remote CSV file via `d3.csv`. The page fetches the CSV from a GitHub Gist and calculates the file size in kilobytes, the number of rows, and the number of columns, presenting these statistics in a text message. The table itself is styled with translucent white backgrounds and hover effects using CSS, while the background uses a custom SVG. The visualization relies on D3.js version 7 for data loading and formatting.

AAli Shah Solanki
82% 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
82% match
Loading thumbnail…

ICE-5 DV

This example demonstrates the basic workflow of loading and inspecting a CSV dataset with D3.js. It fetches student performance data from a GitHub-hosted CSV file using `d3.csv`, then displays the file size in kilobytes, the number of rows, and the number of columns in a prominent HTML `<pre>` element. The visualization also includes a static SVG illustration composed of paths, ellipses, and lines, rendered with a darken blend mode and Gaussian blur filters. The page is built with plain HTML, CSS, and D3 v7, without React or additional frameworks.

RRupeshGandham
82% match