Skip to main content
SimilarExport ZIP
100%

Scatter plot

✓ Published1🌍 Public
119h61a05c9@cvsr.ac.in
Last edited Oct 19, 2025
Created on Oct 19, 2025
Forked from Scattet 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.

AI-generated description
MIT Licensed

Similar vizzes

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

Fork of Scatter plot

A scatter plot displays 100 customers by annual income on the x-axis and spending score on the y-axis, with each dot colored by gender using a Tableau10 ordinal scale. Hovering over a point reveals a tooltip with customer details, including age, purchase frequency, and satisfaction rating. The visualization loads a tab-separated dataset via `d3.tsv`, renders axes with `d3.axisBottom` and `d3.axisLeft`, and uses `d3.scaleLinear` for both dimensions within an SVG canvas.

119h61a05c9@cvsr.ac.in
87% 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
87% match
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
83% match
Loading thumbnail…

Scatter Plot

A scatter plot displays the relationship between age and monthly income for employees in a dataset loaded from a CSV file. Each circle represents an employee, with position determined by the `d3.scaleLinear` scales for age and income. Hovering reveals a tooltip with exact values. The visualization uses D3 v7 to append SVG circles, axes, and labels, with data parsed from a remote CSV source.

TTejasriKari@my.unt.edu
82% match
Loading thumbnail…

Activity 6 Task 3

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.

Mmaheshchowdaryponnaganti@my.unt.edu
81% match
Loading thumbnail…

Fork of Fork of Fork of ICE-6 Scatter Plot

This scatter plot visualizes shopping data by mapping Spending Score against Family Size, with age and annual income encoded as circle radii. Each point’s color represents gender, distinguishing male (blue) and female (yellow) shoppers. Built with D3 v6, the visualization loads CSV data via `d3.csv`, scales axes with `scaleLinear`, and renders SVG circles using `selectAll` and `join`. Axis labels are added with `axisLeft` and `axisBottom`, while explicit text elements provide contextual titles for the x and y axes.

GGogineni44
80% match