Box Plot - Credit Card Utilization by Attrition Status
This interactive box plot visualization compares credit card customer behavior across attrition statuses using the Bank Customers Dataset. A dropdown menu lets users switch between six quantitative variables, including credit limit, total transaction amount, and average utilization ratio. The D3.js implementation uses `scaleBand` and `scaleLinear` for positioning, `quantile` for calculating box statistics, and SVG transitions to animate updates between selections. Hovering highlights individual boxes while tooltips display quartile values and whisker ranges, with attrition status encoded through color.
AI-generated descriptionBox plots using D3 displaying data of attrition level by different quantitative variables from the Bank Customers Dataset.
The menu at the top enable the users to choose which quantitative columns to use. The options are:
- Customer age
- Credit limit
- Total revolving balance
- Total transaction amount
- Total transaction count
- Avg. utilization ratio
Finally, the attrition status of the customers is encoded on the color of the boxes, the users can highlight the boxes by hovering over them and see the values used to construct the boxes on the tooltip.