Skip to main content
SimilarExport ZIP
100%

Activity 6 Task 3

✓ Published0🌍 Public
Mmaheshchowdaryponnaganti@my.unt.edu
Last edited Apr 10, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

This scatter plot visualizes the Mall Customers dataset, showing the relationship between customer age and spending score, with each point colored by gender (blue for male, pink for female). The visualization uses D3 v5 to load the CSV data, applies linear scales for both axes, and renders circles as SVG marks. The chart includes labeled axes for age and spending score, with axis ticks and labels styled at 20 pixels.

AI-generated description

We are Displaying the Mall_Customers dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task3

A scatter plot displays annual income against spending score for mall customers, with each circle colored pink or blue to distinguish female and male shoppers. The visualization uses D3 v6 to load the CSV dataset from a GitHub repository, then applies scaleLinear functions to map income and spending values to SVG coordinates. Axes are rendered using axisLeft and axisBottom, while circle positions and fills are set through data joins and a genre-based color function.

Jjtulasi05@gmail.com
88% match
Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes customer data from a CSV file, showing the relationship between Age on the x-axis and Income on the y-axis. Each circle’s fill color encodes the customer’s Spending Score, with skyblue for low scores, lightgreen for medium scores, and orange for high scores. The visualization uses d3.csv to load and parse data, d3.scaleLinear for both axes, and d3.axisLeft and d3.axisBottom to render the chart. SVG circles are drawn with a fixed radius of 5 pixels, while labeled axes are added via SVG text elements.

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

Assignment2_task5_reusablescatterplot

This scatter plot visualizes the relationship between customer age and total transaction amount, using point color to distinguish existing customers from attrited customers. It loads bank customer data from a CSV file and renders circles as SVG elements, with black representing existing customers and red representing attrited customers. The visualization uses D3 v6’s `d3.csv` for data loading, `d3.scaleLinear` for both axes, and `d3.axisLeft` and `d3.axisBottom` to display the scales. The chart includes labeled axes for age and total expenditure, with semi-transparent points to reveal overlapping data density.

Ssreekarthanda@gmail.com
81% match
Loading thumbnail…

Task_8_Q3

This scatter plot visualizes the relationship between customer age and family size, with points colored by gender (blue for male, red for female) from the onlinefoods dataset. The D3.js v7 code uses `d3.csv` to load remote data, `d3.scaleLinear` for both axes, and `d3.scaleOrdinal` for gender-based coloring. Circles with 0.7 opacity are positioned via `cx` and `cy` attributes, while `d3.axisBottom` and `d3.axisLeft` generate the axes, and a manual legend with circles and text labels appears in the lower right of the SVG canvas.

DDipesh
81% match
Loading thumbnail…

Task 3 Questions

This scatter plot maps customer satisfaction scores to monthly spending, using color to distinguish satisfied customers (green) from dissatisfied ones (red). Each circle represents a customer, positioned along the x-axis for satisfaction and the y-axis for spending. The visualization uses D3 v7 with `d3.scaleLinear` for axes, `d3.scaleThreshold` for the two-color grouping, and a legend built from `invertExtent`. A tooltip appears on hover, and the chart is rendered as SVG with manual axis labels and margins.

SSiddhardha
80% match
Loading thumbnail…

Activity6_Task3

This example renders a scatter plot from the Mall_Customers dataset, visualizing the relationship between petal length and petal width, while encoding species type through circle color. It loads data via `d3.csv` from a GitHub raw URL, then uses `d3.scaleLinear` with `d3.extent` to map values to screen coordinates. The SVG circles are drawn with D3’s data join, and axes are created with `d3.axisLeft` and `d3.axisBottom`. The code also references sepal dimensions and displays axis labels using `svg.append('text')`.

Mmaheshchowdaryponnaganti@my.unt.edu
79% match