Skip to main content
SimilarExport ZIP
100%

Fork of Scatter plot

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

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
87% 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
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
80% 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
79% 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
79% 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
79% match
Loading thumbnail…

Fork of Fork of Scatter plot

A scatter plot visualizes company financial performance from 2018 to 2030 using CSV data, encoding Revenue, Expenses, and Profit as colored circles whose size reflects employee count. D3 v7 API calls including `d3.csv`, `d3.scaleLinear`, and `d3.axisBottom` render the SVG chart, while mouseover events trigger a positioned tooltip showing metric details. A legend distinguishes the three financial metrics, and a secondary legend maps circle size to employee numbers.

Ssowjanya
78% match
Loading thumbnail…

Fork of Fork of scatter plot

This scatter plot visualizes the relationship between math and science scores for 50+ students, with each dot colored by academic department. It uses d3.csv to load the dataset, d3.scaleLinear for x and y axes, and d3.scaleOrdinal with d3.schemeSet2 for color encoding. Interactive tooltips appear on hover via appended title elements, while a manually constructed SVG legend identifies department categories. The visualization employs d3.axisBottom and d3.axisLeft to render axes, with SVG circles serving as the primary glyphs.

Ssainishanthreddyk@gmail.com
76% match