ICE9 Visualization - Manisha Konudula

100%

ICE9 Visualization - Manisha Konudula

✓ Published0🌍 Public

Last edited Nov 17, 2025

Created on Nov 17, 2025

This visualization gallery demonstrates a progression of chart types, starting with a first chart that uses color and size encodings to represent data dimensions. It then presents a grouped bar chart and a stacked bar chart to compare categorical data and part-to-whole relationships. The collection concludes with a stacked area chart and a multi-line chart for showing trends over time. The example is built with simple HTML pages that link to static PNG images, relying on standard web technologies rather than a JavaScript visualization library.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE - 9

This example presents a gallery of static charts for the ICE-9 dataset, including stacked area charts, line charts, grouped and stacked bar charts, and scatter plots. The visualization uses Vue.js to render a single-page interface with Bootstrap navigation linking to each chart type. The charts are pre-rendered PNG images displayed within the HTML pages, with bar and scatter charts embedded via iframes. The page structure relies on Bootstrap's grid and list-group components for layout and navigation styling.

KKeith Miller

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

77% match

Loading thumbnail…

ICE 5_Niharika

This example presents a tabular preview and a suite of chart-based visualizations for a campus snacks dataset loaded from a CSV file. Using D3.js v7, it renders a bar chart, donut chart, scatter plot, and stacked charts directly into SVG elements, with a tooltip for interactions. The page also includes a U.S. map drawn with TopoJSON, loaded dynamically via the `topojson-client` library. Data is summarized and displayed across multiple chart types to explore patterns in the dataset.

118121a1545

71% match

Loading thumbnail…

ICE - 9 - Vinil Karmilla

This interactive visualization gallery explores a business dataset containing monthly records of Sales, Profit, and Customers. The scatter plot demonstrates the relationship between Sales and Profit, while using both point size and color to encode the Customer count, revealing a positive correlation. The accompanying bar and line charts compare and track these metrics over time using standard HTML and CSS layout, with the scatter plot presented as a static image.

VVinil Karmilla

71% match

Loading thumbnail…

ICE6_11703795

This example presents two linked charts that analyze a small job dataset. It displays a bar chart showing the count of people in each job role, using a dark green fill that changes to hot pink on hover, and a scatter plot mapping experience against salary, where points transition to orange and enlarge when hovered. The visualization is built with D3 version 6, using its `scaleBand`, `scaleLinear`, `rollup`, and selection methods within an SVG canvas. The code encodes the dataset directly and uses CSS transitions for interactive styling effects.

MMeghanaChowdaryVelaga@my.unt.edu

71% match

Loading thumbnail…

ICE7_PieChart_Manisha

This pie chart visualizes the share of total crop production for various countries, using data fetched from a CSV file. Each slice represents a country's production in million tonnes, with labels and percentage annotations for larger shares. The visualization is built with D3 v7, using `d3.pie()`, `d3.arc()`, and `d3.scaleOrdinal()` for color mapping, rendered as SVG. A legend accompanies the chart, and the code employs `d3.csv` and `d3.autoType` for data ingestion and parsing.

Kkonudulamanisha@gmail.com

71% match

Loading thumbnail…

ICE-6(multi series)

This example combines bar and line charts to compare sales and profit across seven months, with bars encoding sales and a monotone line tracking profit. The SVG visualization is built with D3 v7, using `d3.scaleBand`, `d3.scaleLinear`, and `d3.line` with `d3.curveMonotoneX`. Interactive tooltips appear on bar and dot hover via mouse events, while gridlines, axis labels, and a custom legend clarify the dual-series data loaded from a CSV file.

Vvydeeshm@gmail.com

71% match

Loading thumbnail…

ICE5

This visualization shows the distribution of clothing items across nine types, such as Accessories, Traditional, One-piece, and Outerwear, using horizontal bars with custom SVG icons. It loads data from a CSV file via `d3.csv` and uses `d3.scaleLinear` to map counts to bar widths. The bar chart is rendered in SVG with hover transitions and includes summary text displaying total items and type names.

Ppashamsahithi2391@gmail.com

71% match