Skip to main content
SimilarExport ZIP
100%

CSCE-5320 data visualization ICE-5 assignment

✓ Published0🌍 Public
Cchandrakalavanukuri
Last edited Feb 26, 2022
Created on Feb 26, 2022
Forked from HTML Starter

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.

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: Data visualization

This example demonstrates a web page that displays the file size, row count, and column count of a CSV dataset, alongside a static SVG graphic titled "star.svg." The page uses D3.js version 7.3 to fetch the remote CSV file via `d3.csv`, then formats and injects the summary statistics into a styled `<pre>` element. The rendering is plain HTML and CSS, with a React framework noted in metadata but not used in the visible markup. The SVG contains simple geometric shapes with gray and blue fills.

Ssowmyanagula@my.unt.edu
86% 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
86% match
Loading thumbnail…

ICE 5

This example displays a static SVG graphic alongside a text summary of a remote CSV dataset. The page uses D3 v5’s `d3.csv` method to fetch the data and calculates the file size in kilobytes, row count, and column count, which are then displayed in a `<pre>` element. A fixed-size SVG placeholder and an embedded PNG image are shown, with page styling handled by CSS.

Cchandanagandla
85% match
Loading thumbnail…

CSCE 5320

This example summarizes a remote CSV of employee details and displays the result in a styled `<pre>` block. It uses D3.js v7 to fetch and parse the data with `d3.csv`, then computes the file size in kilobytes, row count, and column count using `d3.csvFormat` and array properties. The page also embeds a static SVG image (a cloud graphic) to complement the textual summary. The visualization highlights basic data-loading and summarization techniques rather than interactive charts.

NNandini Maddula
84% match
Loading thumbnail…

Welcome to ICE-5

This example demonstrates a basic D3.js workflow for loading and summarizing CSV data within a React-based HTML page. It displays a header, a static SVG image, and a text summary showing the file’s size in kilobytes, row count, and column count. The code uses `d3.csv` to fetch the data from a GitHub Gist URL, `d3.csvFormat` to calculate its size, and standard DOM manipulation to insert the summary into a `<pre>` element. Styling is applied via embedded CSS.

SSravan0818
84% match
Loading thumbnail…

DV ICE-5

This example demonstrates loading a CSV dataset via D3.js and displaying its size in kilobytes, row count, and column count on a styled HTML page. The page also renders a collection of SVG vector graphics, including paths, circles, ellipses, and complex curves, all drawn with SVG elements. The visualization uses the `d3.csv` API to fetch and parse the data, and the SVG shapes are embedded directly in the markup. The design uses distinct background colors for headings and a large text block for output.

Ssowmyanagula@my.unt.edu
83% match
Loading thumbnail…

assignment 5

This example displays summary statistics from a CSV file, showing the data size in kilobytes, row count, and column count. It uses the D3.js library’s `d3.csv` method to fetch the external dataset and `d3.csvFormat` to calculate the formatted string length. The visualization also includes a simple SVG circle rendered alongside the text, with CSS styling applied to the page. The computed summary is displayed inside an HTML `<pre>` element, updating the page content dynamically.

Ddineshtadepalli12
83% match
Loading thumbnail…

Data Visualization

This example displays a static SVG composition featuring a black ellipse overlaid by a triangular form, paired with a text summary of a dataset. The page loads CSV data from a GitHub gist using `d3.csv` and reports its size in kilobytes, row count, and column count. The visualization uses D3 v7 for data parsing, while React is not actively employed despite being listed in the framework metadata, and the SVG rendering is hardcoded in the markup.

Hharika-1929
83% match