Activity6_Question_3

100%

Activity6_Question_3

✓ Published0🌍 Public

Last edited Apr 6, 2024

Created on Apr 6, 2024

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.

AI-generated description

MIT Licensed

Similar vizzes

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

84% match

Loading thumbnail…

Ice cream yum yum!

A line chart and scatterplot overlay show the positive relationship between temperature and ice cream sales, with sales rising from roughly 185 to 614 as temperature increases from 11.9 to 25.1 degrees. The visualization uses D3 v3 to load CSV data from `icecream.csv`, scales the axes with `d3.scale.linear`, draws the line with `d3.svg.line`, and renders circles for each data point. The SVG elements are styled with steelblue lines and grey axes.

QQinita

82% 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

81% match

Loading thumbnail…

Activity6_Question2

This visualization displays the distribution of ice cream ratings across six categories, from "Below 4" to "Above 8," using a horizontal stacked bar chart. Each bar represents a flavor (Vanilla, Butterscotch, Chocolate, Strawberry, Butterpecan, Cookies n Cream), with segments colored by rating category and lengths proportional to the percentage of ratings received. The chart is built with D3 v7, using `d3.stack()` to create stacked data, `d3.scaleLinear` for the x-axis, and `d3.scaleBand` for the categorical y-axis. Mouseover interactions reveal exact percentages via a tooltip, while a legend on the right identifies each rating segment.

PPavanKumarRacharla@my.unt.edu

81% match

Loading thumbnail…

Gist 8ecb1b00a620078a9e4f

A line chart with circular markers shows the relationship between temperature and ice cream sales from a CSV file, with sales rising as temperature increases. The chart uses a linear x-axis for temperature and a linear y-axis for sales, both scaled to the data’s maximum values. Built with D3 v3, the visualization employs `d3.svg.line()` for the line path and `d3.svg.axis()` for the axes, rendering the SVG elements directly in the browser. Data points are added as circles via `svg.selectAll("dot").data()` and color-coded in steelblue.

QQinita

80% match

Loading thumbnail…

Activity6_Question2

A stacked bar chart visualizes the distribution of ice cream flavor ratings across five percentage categories, with each flavor represented as a horizontal bar segmented by rating tier. The chart uses D3.js v7 APIs including `d3.stack`, `d3.scaleLinear`, `d3.scaleBand`, and `d3.axisBottom`/`d3.axisLeft`. Data comes from a local CSV file, rendered as SVG with interactive tooltips on hover showing the exact percentage per segment.

Llikhitha.sarahah01@gmail.com

79% match

Loading thumbnail…

Activity6_Question-3

A scatter plot maps daily sales over time, using D3.js v7 with `d3.scaleLinear` for axes and `d3.scaleOrdinal` with `d3.symbolsFill` to encode product categories as distinct point shapes. A legend, built via `d3.symbol`, lists each category. Data loads from a remote CSV file, parsed with `d3.csvParse` and `d3.timeParse`; sales figures are numeric. The chart includes labeled x- and y-axes, and points render as SVG paths within an HTML page styled by CSS.

Kkandulasunny17@gmail.com

79% match

Loading thumbnail…

Activity6_Question3

This example shows quarterly sales trends for five product categories (Electronics, Furniture, Clothing, Toys, Books) as a scatter plot with color-coded circles. The visualization uses d3.csv to load data from data.csv, then applies d3.scalePoint for the quarter axis and d3.scaleLinear for sales values, with d3.scaleOrdinal and d3.schemeCategory10 for color mapping. Circles are appended for each category per quarter, while axis labels and a legend are generated using d3.axisBottom, d3.axisLeft, and d3.select. The SVG rendering uses D3 v7 within a React project, producing a static chart with a white background and black-stroked data points.

Ggroup118sai@gmail.com

78% match