Skip to main content
SimilarExport ZIP
100%

ICE 5_Assignment

✓ Published0🌍 Public
Ssrujana reddy
Last edited Oct 5, 2025
Created on Oct 5, 2025
Forked from D3 Starter

This example analyzes a shipping dataset from a Gist CSV and presents a multi-view dashboard. It displays a table of the first ten records, a text summary of key statistics, a bar chart of shipments by shipping method, and a scatter plot of weight versus delivery time. The visualizations are built with D3.js v7, using `d3.csv` for data loading and the `scaleBand`, `scaleLinear`, and axis APIs to generate SVGs. A decorative SVG cargo ship illustration is also included, with the page styled using custom CSS.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE5

This dashboard summarizes a CSV dataset loaded from a public GitHub Gist, displaying high-level metrics such as total character count, column count, and row count. It then renders a preview table of the first ten rows using D3 v7’s `d3.csv` and `d3.select` APIs, building an SVG banner and styled HTML table. The interface dynamically fetches data with the Fetch API and presents it with custom CSS for metrics, panels, and a green-themed header. All rendering occurs in SVG and HTML, with no interactive filtering or charts beyond the static overview.

SSainathreddypotu@gmail.com
80% match
Loading thumbnail…

ICE5

This example demonstrates loading and parsing a remote CSV dataset using D3 v7. The page displays a summary of the loaded data, including its size in kilobytes and the number of rows and columns, within a styled HTML page. It uses the `d3.csv` and `d3.csvFormat` APIs to fetch and process the data from a GitHub gist. The visualization also includes an embedded static SVG city illustration.

AAmar09nath
79% match
Loading thumbnail…

ICE5

This visualization displays a summary of sales data, including total sales, average sale amount, total quantity sold, and counts of unique regions and product categories. It presents a full data table alongside a bar chart that aggregates total sales by region. The D3 v7 code loads CSV data from a remote URL and uses d3.autoType for parsing and d3.rollup for grouping. The chart uses d3.scaleBand and d3.scaleLinear for axes, rendering bars as SVG rectangles.

Ssrinathkarumuru@my.unt.edu
79% match
Loading thumbnail…

ICE Assignment 5

This visualization displays a loading summary for a color hex dataset, showing the file size in kilobytes, the number of rows, and the number of columns. It uses D3 v7's `d3.csv` and `d3.csvFormat` to fetch and measure the data before rendering the results in an HTML `<pre>` element. The page features large aqua and blue heading styles to present the ICE assignment title and computed statistics.

VVenkata Rajashekar Reddy Chinthala
78% match
Loading thumbnail…

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

This example demonstrates how to load and parse a CSV dataset using D3.js v7, displaying the file size, row count, and column count in a large text element. The visualization includes two inline SVGs: a decorative illustration and a chart-like graphic with rectangles, lines, and drop shadows. The code uses `d3.csv()` to fetch data from a GitHub Gist URL and `d3.csvFormat()` to compute the raw data size in kilobytes. The page relies on React for structure and standard CSS for styling.

CChaitanya Galla
78% match
Loading thumbnail…

ICE9 Multi page website

This multi-page visualization site presents a series of charts that explore encoding techniques and temporal trends in shipment data. The pages demonstrate how color and size encode categorical variables, how grouped and stacked bar charts analyze shipment weights, and how stacked area and line charts reveal delivery time variations. Built with static HTML and CSS, the site uses image files for each chart, such as `Chart4.png`, `Chart5.png`, and `Chart6.png`. The interface provides navigation cards for exploring the different visualization types, and the charts display data from shipment records by origin city and shipping method.

Ssrujana reddy
78% match
Loading thumbnail…

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

This example analyzes the contents of a flight dataset loaded from a remote CSV file, displaying a summary of its size, row count, and column count. Using D3.js v7, it calls `d3.csv` to parse the data and `d3.csvFormat` to calculate the file size in kilobytes. A simple pre-styled HTML element presents the result. The page also includes two inline SVG images, with a plane graphic moving across a marquee and a static chart centered below, though no interactive visualization or data-driven rendering is performed.

Nnagamaheswar
78% match
Loading thumbnail…

ICE 5

This example displays a dataset summary alongside a static SVG composition of colored circles. It loads a hosted CSV file of global economy data and computes basic statistics for numeric columns, including row count, min, max, and mean. The visualization renders a 3-by-10 grid of circles using D3 v7’s selection and data-joining methods, applying a Tableau color scheme and decorative opacity. The code uses `d3.csv` for parsing and `d3.min`, `d3.max`, and `d3.mean` for summary calculations, with all output drawn as SVG elements.

CCharith Kapuluru
78% match