Skip to main content
SimilarExport ZIP
100%

assign2-5_pardha

✓ Published0🌍 Public
Ppardha1411
Last edited Jul 22, 2023
Created on Jul 22, 2023

A scatter plot shows credit card usage among bank customers, with age on the x-axis, total expenditure in dollars on the y-axis, and circle color indicating attrition status—black for existing customers and red for those who have churned. The visualization loads a CSV from a GitHub gist using `d3.csv`, parses numeric fields, and renders circles as SVG elements sized with a fixed radius and 35% fill opacity. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, while scales are created using `d3.scaleLinear` with domains derived from `d3.min` and `d3.max`. The chart fills the browser window, drawing data marks via data joins on SVG circles.

AI-generated description

A scatter plot using D3 displaying credit card usage data from people on the Bank Customers Dataset.

The age of the customers is displayed on the x-axis, their total expenditure in dollars on the y-axis and their current status on the color of the circles (black if they still have their credit card or red if they don’t).

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot - Bank Customers Expenditure by Age

This scatter plot visualizes credit card expenditure against customer age, with each circle colored black for existing customers and red for those who have churned. Data comes from the Bank Customers Dataset, loaded via `d3.csv`. The SVG renderer uses `scaleLinear` for both axes, `axisLeft` and `axisBottom` for ticks, and circles with a fill opacity of 0.35 to show overlapping points. The plot emphasizes age and total transaction amount, revealing spending patterns and attrition clusters.

RRaul Gamez
81% match
Loading thumbnail…

Scatter Plot - Credit Card Utilization Patterns by Attrition Status

This interactive D3.js scatter plot visualizes credit card utilization patterns from the Bank Customers Dataset, plotting customer age against total transaction amount. Each circle represents an individual, colored by attrition status—blue for active customers and gray for those who churned. Users can dynamically change the x- and y-axis variables via dropdown menus powered by a custom `menu` module, with smooth transitions updating the axes and points. The visualization uses `scaleLinear`, `scaleOrdinal`, and `axisBottom`/`axisLeft` from D3, rendered as an SVG with hover interactions that highlight individual points and a legend filtering by attrition status.

RRaul Gamez
81% match
Loading thumbnail…

Scatter Plot - Credit Card Utilization Patterns with Brushing

This interactive scatter plot from D3 visualizes credit card utilization patterns from the Bank Customers Dataset, with each circle representing a customer colored by attrition status. Users can switch the x- and y-axes among six attributes through dropdown menus, while hovering over the legend highlights points in each category and brushing a region temporarily emphasizes enclosed points. The visualization uses d3.scaleLinear, d3.axisBottom, d3.axisLeft, d3.brush, and d3.transition to animate updates.

RRaul Gamez
79% 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
78% match
Loading thumbnail…

Fork of Clustered Bar Chart - Credit Card Utilization by Attrition Status

This interactive clustered bar chart visualizes credit card utilization trends from the Bank Customers Dataset, comparing average transaction amounts, credit limits, or revolving balances across demographic categories. The x-axis menu selects grouping variables like income, education, or marital status, while the y-axis menu chooses the metric to aggregate. Bar colors distinguish existing versus attrited customers, with hover tooltips revealing sums and sample counts. Built with D3 v7, the visualization uses `scaleBand`, `scaleLinear`, `scaleOrdinal`, `rollups` for summary statistics, and `transition` for animated updates when menu selections change.

Vvoid-LSTM
76% match
Loading thumbnail…

1_Fork of Clustered Bar Chart - Credit Card Utilization by Attrition Status

This interactive clustered bar chart visualizes credit card utilization from the Bank Customers Dataset, comparing average transaction amounts, credit limits, or revolving balances across demographics such as income, education, and marital status. Bars are color-coded by customer attrition status (Existing vs. Attrited), with tooltips revealing aggregate sums and counts. Users select grouping and aggregate columns via dropdown menus, triggering transitions that update the chart. Built with D3 v7, it uses `scaleBand`, `scaleLinear`, `scaleOrdinal`, `rollups`, and `group` to compute summaries, rendered as SVG with animated bar transitions and hover highlighting.

RRenee
76% match
Loading thumbnail…

Customer Attrition Dashboard V2

This interactive dashboard uses D3 to visualize bank customer attrition from a credit card utilization dataset. Four coordinated plots—a grouped bar chart, scatter plot, stacked bar chart, and violin plots—encode attrition status through color, with dropdown menus letting users switch grouping categories and numeric columns. The scatter plot uses D3 transitions to animate circle growth on load, while all charts feature hover highlighting and tooltips. Data is loaded via `d3.csv` and summarized using `d3.rollups` and `d3.group`.

RRaul Gamez
76% match
Loading thumbnail…

Clustered Bar Chart - Credit Card Utilization by Attrition Status

This interactive clustered bar chart visualizes credit card utilization from the Bank Customers Dataset, comparing the average of a selected metric (total transaction amount, credit limit, or revolving balance) across customer demographics. Bars are grouped by attrition status, with color distinguishing existing versus attrited customers, and dropdown menus let users switch between categorical groupings like income, education, or marital status. Built with D3.js, the chart uses `scaleBand` and `scaleLinear` for axes, `scaleOrdinal` for color encoding, and `transition` for smooth animated updates when the data selection changes. Tooltips reveal the underlying sum and count for each bar.

RRaul Gamez
74% match