Skip to main content
SimilarExport ZIP
100%

Total Shopping Habits Scatterplot

✓ Published1🌍 Public
Mmacgregorm01@gmail.com
Last edited Oct 30, 2024
Created on Oct 30, 2024

This scatterplot visualizes shopping habits by plotting purchase amount in USD against customer review ratings. Each point encodes the number of previous purchases through its radius and the shopping season (Summer, Fall, Winter, or Spring) through its color. The visualization uses D3.js scales and axis components, with circles rendered via SVG selections. Data comes from the @mjmacgregor/shoppinghabits package, and the chart includes labeled axes and a white inner rectangle behind the plotted points.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

State Shopping Data Scatterplot

This scatterplot visualizes state-level shopping data, plotting the total number of purchases against average customer rating. Each circle represents a state, with its size scaled to the square root of average purchases per customer and its color indicating the popular season (gold for summer, orange for fall, blue for winter, green otherwise). The visualization uses d3.scaleLinear for axes and d3.axisLeft for the y-axis, while custom tooltips appear on mouseover. Data comes from the @mjmacgregor/state-ratings package, and rendering leverages D3’s selection and join methods.

Mmacgregorm01@gmail.com
81% match
Loading thumbnail…

Collective Shopping Habit Views

This collection of interactive visualizations explores a shopping habits dataset, revealing patterns in sales, customer ratings, and purchasing behavior across states, seasons, and genders. The views include a scatterplot of overall data distribution, a choropleth map of state ratings using `d3.geoPath`, and additional scatter and stacked bar charts breaking down sales by state, season, and gender. Built with D3.js and embedded via iframes, the charts support business strategy by highlighting geographic and demographic trends. The dataset originates from Kaggle's Consumer Behavior and Shopping Habits Dataset.

Mmacgregorm01@gmail.com
77% match
Loading thumbnail…

Attempt of Interactive Filtering

This interactive scatterplot filters a shopping habits dataset by season. A dropdown menu lets users select between all seasons, Summer, Winter, Spring, or Fall, dynamically updating the displayed points. The visualization encodes purchase amount on the x-axis and customer review rating on the y-axis, with circle size representing previous purchases and color indicating the season. Built with D3 7.8.5, the code uses scaleLinear for axes, join operations for SVG elements, and change event listeners on a select element to redraw the circles via JavaScript data filtering.

Mmacgregorm01@gmail.com
76% match
Loading thumbnail…

Scatter plot

This scatter plot visualizes customer data from a CSV file, showing the relationship between annual income and spending score, with each dot colored by gender. The visualization uses D3.js v7 to render SVG circles, with a tooltip that appears on mouseover to display detailed customer information like age, purchase frequency, and satisfaction rating. The chart includes axis labels, a title, and a legend, with scales computed via `d3.scaleLinear` and `d3.extent` for data domains.

119h61a05c9@cvsr.ac.in
73% match
Loading thumbnail…

Scatter plot

This scatter plot visualizes customer data from a CSV file, showing the relationship between annual income and spending score, with each dot colored by gender. The visualization uses D3.js v7 to render SVG circles, with a tooltip that appears on mouseover to display detailed customer information like age, purchase frequency, and satisfaction rating. The chart includes axis labels, a title, and a legend, with scales computed via `d3.scaleLinear` and `d3.extent` for data domains.

119h61a05c9@cvsr.ac.in
73% match
Loading thumbnail…

xyz

This scatter plot visualizes the relationship between a customer's annual income and their spending score, with each circle representing an individual customer. The graphic uses a green fill with partial opacity for the points, making overlapping data visible. The visualization is built with D3.js, using the `d3.scaleLinear` function to map data values to x and y coordinates, and `d3.axisBottom` and `d3.axisLeft` to render the labeled axes. The data is a small embedded JavaScript array containing customer attributes like age, income, and spending score.

Ssrinathkarumuru@my.unt.edu
71% match
Loading thumbnail…

Activity-6 Q.3.6

This example displays a scatter plot of buyer data, showing the relationship between the number of reviews and the price of products, with points colored by genre (positive or negative). The visualization uses D3 v7 to fetch a CSV file from a GitHub Gist, parse it, and render the points as SVG circles. D3’s scaleLinear functions map the data values to pixel coordinates, while d3.axisBottom and d3.axisLeft create the labeled axes. A simple legend, built using D3’s data join, indicates the categorical color mapping via scaleOrdinal.

Mmalampatiramya03@gmail.com
71% match
Loading thumbnail…

State Data Scatterplot with Color Legend

This visualization displays a scatterplot of state ratings, with each circle representing a state's average customer rating against its total number of purchases. The circles are colored by the most popular season for that state, using an ordinal color scale with distinct hues for Summer, Fall, Winter, and Spring. A D3 color legend with interactive hover highlighting allows users to filter which season's data points remain fully opaque. The visualization uses d3.scaleLinear for the axes, d3.scaleOrdinal for colors, and d3-axis for tick marks, while d3.select handles mouse events for tooltips and legend interactions.

Mmacgregorm01@gmail.com
71% match