FlowDiagram
UML: sequence, class & stateMermaid

Banking accounts and transactions class diagram template

Models bank customers, account types, transactions and cards with inheritance for savings and checking accounts; used in fintech design and object-oriented modelling courses. This class diagram has 7 classes and 6 relationships. It imports as editable UML class boxes with inheritance, composition and association arrows.

Open in the editor →
  • Free — no account, no trial, no watermark
  • Fully editable shapes and connectors, not a screenshot
  • Export PNG, SVG or PDF, or share it as a link
  • Private: the diagram never leaves your browser

Classes in this class diagram

  • Customer — 4 members
  • Account — 5 members
  • SavingsAccount — 2 members
  • CheckingAccount — 2 members
  • Transaction — 5 members
  • Card — 3 members
  • Branch — 2 members

How to use this class diagram template

  1. Click Open in the editor. The class diagram opens on a new page in FlowDiagram — nothing is uploaded and there is no sign-up.
  2. Rename, add or delete shapes and drag them where you want; connectors stay attached as things move.
  3. Drop in vendor logos from the library — 1,160 of them, including every AWS, Azure and Google Cloud service icon — or restyle it with the colour and theme controls.
  4. Prefer text? Edit the Mermaid source below and paste it in through ☰ → Import diagram (see the Mermaid editor); it imports as an editable diagram.
  5. Export to PNG, SVG or PDF, or press Ctrl+L for a link that carries the whole diagram.

Mermaid source

The whole template is the text below. Paste it into FlowDiagram, keep it in Git next to the code it describes, or hand it to an AI assistant to extend.

classDiagram
  class Customer {
    +String customerId
    +String fullName
    +Date dateOfBirth
    +openAccount(String type) Account
  }
  class Account {
    <<abstract>>
    +String iban
    +Decimal balance
    +deposit(Decimal amount) void
    +withdraw(Decimal amount) bool
  }
  class SavingsAccount {
    +Decimal interestRate
    +applyInterest() void
  }
  class CheckingAccount {
    +Decimal overdraftLimit
    +orderChequeBook() void
  }
  class Transaction {
    +String txId
    +Decimal amount
    +Date postedAt
    +String type
    +reverse() Transaction
  }
  class Card {
    +String maskedPan
    +Date expiry
    +block() void
  }
  class Branch {
    +String sortCode
    +String address
  }
  Account <|-- SavingsAccount
  Account <|-- CheckingAccount
  Customer "1..*" --> "*" Account : holds
  Account "1" *-- "*" Transaction : ledger
  CheckingAccount "1" --> "*" Card : issues
  Branch "1" o-- "*" Account : manages

Related: Mermaid editor · All uml: sequence, class & state templates · All 521 templates