Skip to main content
SimilarExport ZIP
100%

ice-9

✓ Published0🌍 Public
Ddeepshikathakur111@gmail.com
Last edited Apr 20, 2026
Created on Apr 20, 2026
Forked from HTML Starter

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.

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
84% match
Loading thumbnail…

ICE

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…

Fork of HTML Starter

This fitness dashboard presents three coordinated D3.js (v7) charts built from CSV data. A reusable scatter plot maps workout minutes against calories burned, with point colors encoding intensity levels. The page also includes a pie chart showing total calorie distribution by intensity and a line chart tracking daily calorie trends. The implementation uses `d3.csv()` to load data, `d3.scaleLinear` and `d3.scaleOrdinal` for scales, `d3.axisBottom` for axes, `d3.pie()` and `d3.arc()` for the pie, all rendered as SVG elements.

Ddeepshikathakur111@gmail.com
70% match
Loading thumbnail…

ICE 5 SCIENTIFIC DATA VISUALIZATION

This example showcases the role of scientific data visualization through an interactive web page, presenting a large, detailed image (likely a scientific dataset) that is rendered as a pattern within a dark SVG canvas. Built with Vue and D3.js v7, the page uses an SVG `<pattern>` element to tile the embedded image, while CSS styles the surrounding text and layout. The code demonstrates a straightforward approach to embedding and displaying complex graphical data within a structured HTML document.

Kkakumanusreya
70% match
Loading thumbnail…

dashboard

This dashboard presents a multi-panel data visualization built with Vue, using D3.js v5 to render SVG graphics with animation. It includes a bar plot displaying sales by category with hover tooltips, a scatterplot of randomly generated points, and additional plot areas within a grid layout. The bar chart reads from a CSV dataset of retail orders, applying D3 scales, axes, and transitions to update the visualization dynamically, while the scatterplot uses D3's scaleLinear and random data generation.

Llanphuonglenguyen
70% match
Loading thumbnail…

DeepshikaThakur_ICE5

This example shows a dataset summary and an SVG bar chart of total workout minutes grouped by intensity level, based on a CSV file of workout entries fetched from a remote URL. The page uses D3 v7’s `d3.csvParse`, `d3.rollups`, `d3.sum`, and `d3.scaleBand` with `d3.axisBottom` and `d3.axisLeft` to build the chart. It also displays file size, row and column counts, and a preview table of the first six rows.

Ddeepshikathakur111@gmail.com
69% match
Loading thumbnail…

ICE5 Excercise

This example embeds a static SVG image of a data visualization directly into an HTML page, with D3 v7 loaded but not used for any dynamic rendering. The page displays the image via an SVG `<pattern>` referencing an embedded base64-encoded PNG, accompanied by a styled `<pre>` block titled "Data Visualization." The rendered content appears to be a pre-generated chart, though the code shows no data processing or interactive behavior. The visualization is presented as a fixed graphic within a Vue-powered page, demonstrating SVG embedding rather than D3-based chart construction.

Ggayuvurukuti@gmail.com
69% match
Loading thumbnail…

Data visualization Project

This visualization presents a dashboard for an art and technology workshop dataset, showing attendance metrics and registration trends. It uses D3 v7 to render SVG charts, including a track-based attendance breakdown and a registered-versus-attended comparison. The interface includes interactive controls like dropdowns and text inputs for filtering, alongside summary cards displaying key statistics. The visualization is built with Vue, incorporates custom CSS styling, and references embedded PNG images for chart representations.

Ssahasrakaturi91@gmail.com
69% match