diff --git a/docs/knowledge_base/demos/fraud_detection.md b/docs/knowledge_base/demos/fraud_detection.md new file mode 100644 index 000000000..4f7373f4a --- /dev/null +++ b/docs/knowledge_base/demos/fraud_detection.md @@ -0,0 +1,22 @@ +A Taipy Application that analyzes credit card transactions to detect fraud. + +[Try it live](https://fraud-detection.taipy.cloud/Transactions?null=){: .tp-btn target='blank' } +[Get it on GitHub](https://github.com/Avaiga/demo-fraud-detection){: .tp-btn .tp-btn--accent target='blank' } + +# Understanding the Application +This application shows a list of credit card transactions. The user can select a date range to +predict fraud. The application will then use an XGB model to mark potentially fraudulent +transactions in red or yellow. + +![List of Transactions Page](images/fraud_transactions.png){width=100%} + +The user can select a transaction to see an explanation of the model's prediction, as well as the client's + other transactions. + +![Prediction Explanation Page](images/fraud_explanation.png){width=100%} + +The user can also choose the threshold of the model. The threshold is the output of the model + above which a transaction is considered fraudulent. The user can choose the model according + to the displayed confusion matrix and by looking at False Positive and False Negative transactions. + +![Threshold Selection Page](images/fraud_threshold.png){width=100%} \ No newline at end of file diff --git a/docs/knowledge_base/demos/images/fraud_explanation.png b/docs/knowledge_base/demos/images/fraud_explanation.png new file mode 100644 index 000000000..c96e922e9 Binary files /dev/null and b/docs/knowledge_base/demos/images/fraud_explanation.png differ diff --git a/docs/knowledge_base/demos/images/fraud_threshold.png b/docs/knowledge_base/demos/images/fraud_threshold.png new file mode 100644 index 000000000..4ea3147a6 Binary files /dev/null and b/docs/knowledge_base/demos/images/fraud_threshold.png differ diff --git a/docs/knowledge_base/demos/images/fraud_transactions.png b/docs/knowledge_base/demos/images/fraud_transactions.png new file mode 100644 index 000000000..8f666d2a2 Binary files /dev/null and b/docs/knowledge_base/demos/images/fraud_transactions.png differ diff --git a/docs/knowledge_base/demos/index.md b/docs/knowledge_base/demos/index.md index ddb56e65f..973567ce5 100644 --- a/docs/knowledge_base/demos/index.md +++ b/docs/knowledge_base/demos/index.md @@ -259,4 +259,18 @@ Let's explore demos of applications made with Taipy. + +
  • + +
    + +
    +
    +

    Fraud Detection

    + Front-end +

    A Taipy Application that analyzes credit card transactions to detect fraud. +

    +
    +     +
    • diff --git a/docs/knowledge_base/index.md b/docs/knowledge_base/index.md index 57ff51605..80a684103 100644 --- a/docs/knowledge_base/index.md +++ b/docs/knowledge_base/index.md @@ -491,6 +491,18 @@ hide: +
  • + +
    + +
    +
    +

    Fraud Detection

    +

    A Taipy Application that analyzes credit card transactions to detect fraud. +

    +
    +     +
    • # Tips & Tricks diff --git a/mkdocs.yml_template b/mkdocs.yml_template index 044352c3d..f17242947 100644 --- a/mkdocs.yml_template +++ b/mkdocs.yml_template @@ -57,6 +57,7 @@ nav: - "Drift Detection": knowledge_base/demos/drift_detection.md - "Realtime Pollution Dashboard" : knowledge_base/demos/pollution_sensors.md - "Background Remover" : knowledge_base/demos/background_remover.md + - "Fraud Detection": knowledge_base/demos/fraud_detection.md - "Tips and tricks": - "Tips and tricks": knowledge_base/tips/index.md - "Scenarios": knowledge_base/tips/scenarios/index.md