DieuTrang
Open library Β· Interactive demos

An interactive FinTech case-study library

A growing collection of FinTech examples that run in your browser β€” blockchain, DeFi, trading, risk scoring, open banking and more. Zero install.

Explore the libraryBrowse by topic
Blockchain & DeFi6Trading & Investment5Risk & Credit3Payments & Banking19
38+ interactive demos Β· 100% browser-side

Browse by topic

7 categories spanning the FinTech landscape.

Blockchain & DeFi

6 case studies

Trading & Investment

5 case studies

Risk & Credit

3 case studies

AI in Finance

2 case studies

Payments & Banking

19 case studies

Data & SQL

2 case studies

Business Models

1 case studies

Featured case studies

The most popular interactive examples.

Blockchain & DeFi
beginner

Blockchain Visualizer

Each block is a brick β€” watch hashes, nonces, mining and immutability live.

ReactD3Crypto
Blockchain & DeFi
advanced

DeFi AMM Pool Simulator

Uniswap-style xΒ·y=k pool β€” swap, add liquidity, watch IL and slippage in real time.

ReactTypeScript
Trading & Investment
advanced

Portfolio Optimizer

Modern Portfolio Theory β€” plot the efficient frontier and pick optimal weights.

ReactD3Math
Risk & Credit
intermediate

Credit Risk Score Gauge

Inputs (income, debt, history) β†’ PD / LGD / EAD β†’ credit score β€” credit scoring made visual.

ReactD3
Data & SQL
intermediate

SQL Query Visualizer

Write SQL and watch how JOIN, GROUP BY, and WHERE run on sample data β€” all in-browser.

ReactSQL.js
Payments & Banking
intermediate

Shopee 5 Payment Methods Compare

Mai picks 1 of 5 methods on Shopee: VietQR, MoMo, Visa, COD, BNPL. Each has different MDR/speed/cost.

ReactXYFlowFramer Motion