Pavan ICE-5

CChaturyaAkhilaPallem@my.unt.edu

ICE5 - chaturya d3.js parsing

This example shows a winter-themed SVG scene featuring a snowman built from geometric shapes, alongside a text panel that displays debug information about a CSV file. The visualization uses D3.js v7 to parse a remote CSV dataset of CSS colors via `d3.csv`, then reports the file size, row count, and column count in the DOM. The snowman is constructed entirely with SVG primitives—circles, rectangles, and polygons—appended through D3 selections, with styling controlled by CSS classes. The page also includes decorative elements like clouds and a river, all rendered within an 800×600 SVG viewport.

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

ICE-5

This example combines a manually drawn SVG scene with a data-loading demonstration using D3 v7. The static illustration features a gradient sky, dark red panels, and black circles, while a heading and a preformatted text block display metadata about the loaded file. The code calls `d3.csv()` to fetch a remote CSV file, then uses `d3.csvFormat()` to compute its size, row count, and column count for display.

AAishwarya Manjunath

ice-5

This example displays a custom SVG illustration of a stylized landscape, featuring a large decorative arch, circular shapes, and two bucket-like icons connected by a horizontal rail. The page also presents basic metadata about a CSV dataset, including its size in kilobytes, row count, and column count, which is loaded from a GitHub gist. The visualization is built using React and rendered with SVG, while the data summary is generated using D3 v7’s `d3.csv` and `d3.csvFormat` methods. The layout is styled with embedded CSS, using simple color blocks and headers.

Ssowmyanagula@my.unt.edu

ICE 5

This example displays a hand-drawn SVG snowflake in the center of the page, along with a title, author name, and a message about the loaded data. The page uses D3 v7 to fetch a CSV file containing a houses dataset, then formats the data to display its size in kilobytes, row count, and column count. The SVG is rendered as a static image, while the data summary appears in a styled `<pre>` element, demonstrating D3’s `d3.csv` and `d3.csvFormat` functions for data loading and inspection.

Vvegurusaiprathyusha

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

ICE 5

This visualization presents a blank SVG canvas with a light gray background, overlaid with an image pattern defined in the SVG defs. The main interactive element is a text display showing metadata about a dataset loaded from a CSV file, including its size, row count, and column count. The code uses D3 v5 to fetch and parse the CSV data from a GitHub gist URL, then formats and displays this information in a styled `<pre>` element. The rendering approach combines static SVG markup with dynamic data-driven text output.

TTekmal-Bhavana

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