Skip to main content
SimilarExport ZIP
100%

Fork of Customer Attrition Dashboard V2

✓ Published0🌍 Public
Jjimmy.fisher@member.mensa.org
Last edited Nov 28, 2024
Created on Nov 28, 2024

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.

AI-generated description

A dashboard using D3 displaying data of credit card utilization from the Bank Customers Dataset.

It consists of 4 dynamic plots. A grouped bar chart, scatter plot, stacked bar chart and violin plots. The attrition status of the bank customers is encoded on the color of the elements.

Finally, there are some menus available for each plot to enable the users to choose which columns to be presented.

MIT Licensed

Similar vizzes

Loading thumbnail…

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.

Eeschuman20@gmail.com
97% match
Loading thumbnail…

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`.

Eeschuman20@gmail.com
97% match
Loading thumbnail…

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.

Eeschuman20@gmail.com
95% match
Loading thumbnail…

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.

Eeschuman20@gmail.com
95% match
Loading thumbnail…

Fork of Customer Attrition Dashboard V2

This dashboard presents an exploratory analysis of bank customer attrition, using four interactive plots: a grouped bar chart, scatter plot, stacked bar chart, and violin plots. The visualizations encode attrition status through color, with menus letting users choose which data columns to display and compare. Built with D3 v7, the code leverages APIs like `scaleBand`, `scaleLinear`, `stack`, `histogram`, and `area` to render SVG graphics with smooth transitions. The data comes from the Bank Customers Dataset, loaded via `d3.csv` and processed with rollups and summary statistics.

Eeschuman20@gmail.com
94% match
Loading thumbnail…

Fork of Customer Attrition Dashboard V2

This dashboard visualizes bank customer attrition through four dynamic plots: a grouped bar chart, scatter plot, stacked bar chart, and violin plots. Attrition status is encoded by color, with interactive menus allowing users to select which data columns to display. Built with D3.js, it uses scaleLinear for axes, scaleOrdinal for color mapping, transition for smooth animations, and data from the Bank Customers Dataset. The scatter plot includes hover interactions that adjust circle opacity and stroke.

Eeschuman20@gmail.com
93% 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
93% match
Loading thumbnail…

Fork of Violin Plots - Credit Card Utilization by Attrition Status

This visualization compares credit card utilization across customer attrition statuses using D3 violin plots. An interactive menu lets users switch between quantitative variables such as credit limit, revolving balance, and transaction count, with attrition status encoded by color. Hovering highlights each violin and reveals tooltip values. The plots are built with d3.histogram, d3.area, and d3.curveCatmullRom, rendered as SVG with smooth transitions, using data from the Bank Customers Dataset.

Jjingwg3@163.com
84% match