Fork of Violin Plots - Credit Card Utilization by Attrition Status

Violin Plots - Credit Card Utilization by Attrition Status

This interactive visualization uses D3 violin plots to compare credit card customer attrition status—existing versus attrited—across selected quantitative variables from a bank customer dataset. A dropdown menu lets users switch between metrics like credit limit, total transaction amount, and average utilization ratio, with violin color encoding attrition status. The charts render as SVG with animated transitions, and hovering over a violin highlights it and reveals underlying bin values via a tooltip. The implementation relies on d3.histogram, d3.area, d3.curveCatmullRom, and d3.transition for smooth updates.

RRaul Gamez

96% match

Fork of Customer Attrition Dashboard V2

This dashboard explores bank customer attrition using credit card utilization data from the Bank Customers Dataset. It presents four interactive plots—a grouped bar chart, scatter plot, stacked bar chart, and violin plots—with attrition status encoded by color. Users can dynamically select which columns to display via menus. Built with D3 v7, it employs APIs such as `scaleBand`, `scaleLinear`, `transition`, `stack`, and `histogram` for data aggregation and rendering, producing an animated SVG visualization.

86% match

Fork of Customer Attrition Dashboard V2

This dashboard, built with D3, presents an interactive exploratory analysis of credit card customer attrition. It displays four coordinated plots—a grouped bar chart, scatter plot, stacked bar chart, and violin plots—that allow users to investigate relationships between customer attributes and their attrition status, which is encoded by color. Interactive menus let users dynamically select which data columns to visualize, and the plots include tooltips and hover effects for detailed inspection. The visualization is rendered as an animated SVG, utilizing D3's `scaleBand`, `scaleLinear`, `transition`, and `rollups` APIs, and is based on the Bank Customers Dataset.

85% match

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.

RRaul Gamez

Jjimmy.fisher@member.mensa.org

Fork of Customer Attrition Dashboard V2

This dashboard presents an exploratory analysis of credit card customer attrition using D3.js, displaying four linked visualizations: a grouped bar chart, scatter plot, stacked bar chart, and violin plots. Each plot encodes attrition status through color and includes interactive dropdown menus that allow users to switch which data columns are displayed. The visualizations are rendered as animated SVG elements, with data loaded from a remote CSV via `d3.csv`, and use D3 utilities like `d3.rollups`, `d3.histogram`, and `d3.stackOffsetExpand` to compute and display the underlying statistics.

Fork of Customer Attrition Dashboard V2

This dashboard uses D3 to visualize credit card customer attrition. It combines a grouped bar chart, scatter plot, stacked bar chart, and violin plots, all color-coded by attrition status. Interactive menus let users select columns for analysis. The plots are built with D3's `scaleLinear`, `scaleBand`, `scaleOrdinal`, `histogram`, and `area` APIs, with a color legend for filtering. Static statistics are precomputed using D3's `rollups`, `mean`, `sum`, and `quantile` functions. The visualization animates transitions using D3's `transition`.

Fork of Customer Attrition Dashboard V2

This dashboard visualizes credit card customer attrition using four dynamic plots—a grouped bar chart, scatter plot, stacked bar chart, and violin plots—with attrition status encoded in element colors. Built with D3 v7, it includes interactive menus for selecting data columns and per-plot filtering. The scatter plot uses `scaleLinear`, `scaleOrdinal`, and responsive axes from `@curran/responsive-axes`, while a custom color legend supports hover filtering. Data comes from the Bank Customers Dataset, with animations via `transition` on circle radius and position updates.