Skip to main content
SimilarExport ZIP
100%

Activity6_Task3

✓ Published0🌍 Public
Jjtulasi05@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

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
88% 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
83% 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
83% 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
82% match
Loading thumbnail…

Activity6_Task3.3

This scatter plot visualizes student performance by mapping math scores on the x-axis and reading scores on the y-axis, with each circle colored by gender (skyblue for female, lightgreen for male). The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `axisLeft`, `axisBottom`, and `select` to load data from a GitHub-hosted CSV and render SVG circles. Additional attributes for writing score and test preparation are stored but not visually encoded, while axis labels appear in green.

Ss.harshinisai01@gmail.com
81% match
Loading thumbnail…

Activity6_Question3

A scatter plot displays employee math scores against age, with each circle colored by department (Finance, HR, Engineering, Marketing, Sales, IT). The visualization uses D3 v7 with SVG rendering, loading CSV data from a GitHub repository via `d3.csv`. It employs `d3.scaleLinear` for both axes, `d3.scaleOrdinal` for color mapping, `d3.axisBottom` and `d3.axisLeft` for ticks, and a manually constructed legend with circles and text.

SSai Praveen Lokavarapu
81% match
Loading thumbnail…

Task-7 Q3

This scatter plot displays the relationship between age and income from a CSV dataset, with each point colored by gender using a categorical color scale. The visualization uses D3 v6 to load and parse the data, then renders circles on an SVG canvas with linear scales for both axes. Axis labels are styled in green, and the plot is sized to fill the browser window. The code demonstrates loading data via a remote URL and applying D3’s scaleLinear, scaleOrdinal, axisLeft, and axisBottom functions to construct the chart.

JJames Cruz
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
81% match