Skip to main content
SimilarExport ZIP
100%

CSCE 5320 HW5 - Ice Cream Shop Visualization

✓ Published0🌍 Public
GGuduru Naga Tejaswi
Last edited Sep 22, 2026
Created on Sep 22, 2026

This interactive scatter plot visualizes the menu performance of an ice cream shop, mapping price and weekly orders for each item. The color of the circles encodes the menu category, while point size reflects preparation time, and a chocolate scoop is highlighted. Built with D3 v7, the visualization is rendered as SVG. The code loads a CSV dataset from a GitHub gist and populates a summary panel with computed statistics like mean and median weekly orders.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE7 Reusable Scatter

This interactive scatter plot uses D3 v6 to visualize restaurant menu data, showing Total Sales against Orders Count with points colored by Menu Category. The visualization animates the X-axis, periodically toggling between Orders Count and Stock Availability using setInterval. Built with React-compatible reusable chart components, the example imports scatterPlot.js and the d3 csv, scaleLinear, axisLeft, and axisBottom APIs. SVG circles render with custom colors for Main Course, Beverages, Desserts, and Appetizers, alongside a manually constructed legend and axis labels.

MMahendraGullinkala
80% match
Loading thumbnail…

Activity6_Question_3

This scatter plot visualizes the relationship between outdoor temperature and ice cream sales, with points colored by an A/B/C rating category. The visualization uses D3 v7 to load CSV data from a GitHub repository, then maps the temperature and sales measurements to a linear scale. Circles are rendered as SVG elements with colors assigned via a switch statement based on the rating grade. Axis labels are styled green in Times New Roman, with rotated temperature text and bottom ice cream sales label, while D3's `axisLeft` and `axisBottom` functions generate the quantitative scales.

Ccherrylmarym@gmail.com
77% match
Loading thumbnail…

Fork of Reusable Scatter Plot ICE-7

This scatter plot shows the relationship between calorie count and price for a cafe menu of drinks and snacks, using each item’s hex color to encode its identity. Built with D3 v7 (d3.select, d3.scaleLinear, d3.axisBottom, d3.axisLeft), it renders an SVG with hover tooltips that reveal the item name, category, and both plotted attributes. The legend lists categories, and the chart reads from a CSV file containing product specifications.

118121a1545
76% match
Loading thumbnail…

Ice Cream yum yum!

A scatterplot and line chart show the relationship between temperature and ice cream sales, with each circle marking a data point and the line tracing the overall trend. The visualization uses D3 v3 with SVG rendering, employing `d3.scale.linear` for the x and y ranges, `d3.svg.line` to generate the path, and `d3.svg.axis` for the axes. Data is loaded from a local CSV file via `d3.csv`, with both temperature and sales parsed as numeric values. The chart includes a steelblue line and white axis strokes on a dark background.

QQinita
76% match
Loading thumbnail…

ICE-6 Scatter Plot

This scatter plot visualizes store sales data, showing the relationship between sales and the number of orders for products across multiple categories, with each category assigned a distinct color. The visualization uses D3 v6’s `csv` loader to fetch data from a GitHub gist, then applies `scaleLinear` and `extent` to map the axes, with `axisLeft`, `axisBottom`, and SVG circles rendering the points. Axis labels are styled via CSS and SVG text elements.

Llibramanju
76% match
Loading thumbnail…

ICE-5-Prathima

This interactive data visualization presents a coffee shop menu as an SVG-based webpage. It shows a table of coffee and bakery items with their prices, which appears after a user types "Menu" into an input field. The page displays decorative coffee cup and star SVG graphics alongside the data. Using D3.js v7, the code loads a CSV file from a GitHub gist, then dynamically generates an HTML table from the parsed data. The visualization also provides a summary message indicating the dataset's row and column counts, rendered through D3's asynchronous data loading and DOM manipulation methods.

Ppilliprathimarani@my.unt.edu
76% match
Loading thumbnail…

Ice cream yum yum!

This visualization shows the relationship between daily temperature and ice cream sales, plotting each data point as a dot on a scatterplot and connecting them with a line to highlight the upward trend. The line and circles are rendered in SVG using D3 v3, with sales rising as temperature increases. The code uses d3.csv to load the data, d3.scale.linear for the x and y axes, and d3.svg.line plus circle elements to draw the chart, with both axes oriented and ticked via d3.svg.axis.

QQinita
75% match
Loading thumbnail…

ICE 7

This example shows a reusable D3 scatter plot of product sales versus profit, with each circle representing an item and axes scaled to the data. It fetches CSV data from a GitHub Gist, falling back to embedded data if the request fails. The visualization is built with `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom`, and drawn as SVG circles. The plot is sized to the window and styled with the Share Tech font, using a minimal, full-screen layout.

Ssarasaketh3@gmail.com
75% match