ICE

100%

ICE - 9

✓ Published0🌍 Public

Last edited Apr 18, 2026

Created on Apr 18, 2026

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ice-9

A multi-page Vue dashboard presents workout data through scatter plots, stacked bar charts, and line charts. The visualizations explore workout duration, calories burned, and intensity levels. Charts are embedded as static PNG images generated with Python and Matplotlib, while the interface uses HTML, CSS, and JavaScript to structure navigation between pages. The layout includes descriptive text accompanying each chart to explain the data encodings used.

Ddeepshikathakur111@gmail.com

84% match

Loading thumbnail…

ICE9 Visualization - Manisha Konudula

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.

Kkonudulamanisha@gmail.com

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

75% match

Loading thumbnail…

This dashboard, built with Vue, presents vehicle performance and production data through a multi-page interface. It shows relationships between horsepower, fuel efficiency, vehicle weight, and production volumes over time. The visualization includes an optimized scatter plot that uses bubble size and color to encode additional dimensions, with reduced opacity to handle overplotting. Line charts display trends in average horsepower and fuel efficiency, while bar and stacked area charts illustrate yearly production counts and weight distributions by origin, providing a comprehensive view of automotive industry trends.

Ssairathan.p045@gmail.com

74% match

Loading thumbnail…

ICE-8

ICE-8 is a multi-view visualization suite exploring four distinct chart types: a research collaboration force-directed network, a programming languages tree, a choropleth map of US state populations, and an interactive world map. The network uses `d3.forceSimulation` with draggable nodes; the tree uses `d3.stratify` and `d3.tree` with colored generation levels; the US map leverages `d3.geoAlbersUsa` and `topojson-client` with a sequential color scale; and the world map uses `d3.geoNaturalEarth1` with hover highlighting. Each view loads data from CDN-hosted TopoJSON files.

CCharith Kapuluru

73% match

Loading thumbnail…

ICE7 - Pie Chart

This visualization displays temperature data for Vancouver across multiple years using a pie chart, where each slice represents a year’s value and is color-coded via a categorical scale. The chart is rendered with SVG elements, with D3’s `pie` and `arc` generators computing the slice paths, and `scaleOrdinal` with `schemeCategory10` assigning colors. Data is loaded from a CSV file using D3’s `csv` method, and legends are generated manually to map colors to years.

YYashwanth0311

72% match

Loading thumbnail…

ICE 6

A dark-themed dual-axis chart combines monthly visitor counts as cyan bars with conversion rates as a coral line, both plotted across twelve months from a CSV file. React manages state and lifecycle, while D3 v7 scales (`scaleBand`, `scaleLinear`) map the data; a `line` generator with `curveMonotoneX` smooths the conversion trend. The visualization includes value labels, gridlines, and separate left/right axes with formatted tick labels, all rendered as SVG elements.

Aaravindsg99@gmail.com

72% match

Loading thumbnail…

ICE_8

This example presents a data visualization titled ICE_8, which appears to be a custom rendering built with React and D3. It uses a force-directed simulation (`d3.forceSimulation`) to position nodes, and draws them using SVG paths generated via `d3.geoPath`. The visualization is rendered within a React component, likely incorporating interactivity or animation to explore the network structure. The underlying data source is not explicitly defined in the provided files, but the code demonstrates a hybrid approach combining D3’s layout algorithms with React’s component model for a dynamic, web-based display.

CCharith Kapuluru

72% match