🧩 Mermaid

Klassediagram

Modelleer je domein en objectstructuur

Open dit voorbeeld in de editor Genereer er een met AI

Wat is een Klassediagram?

Een klassediagram beschrijft de typen in een systeem — hun attributen, methoden en relaties: overerving, compositie, associatie. Het is de UML-klassieker voor domeinmodellering en softwareontwerp.

Live voorbeeld

Mermaid-code

classDiagram
    class Order {
      +String id
      +Date createdAt
      +total() Money
    }
    class Customer {
      +String name
      +String email
    }
    class OrderLine {
      +int quantity
    }
    Customer "1" --> "*" Order
    Order "1" *-- "*" OrderLine

Live voorbeeld

Wanneer gebruik je het

Een domein modelleren voordat je code schrijft (DDD, OOP-ontwerp)

Bestaande codebases documenteren voor onboarding

Database-objectmappings en API-resourcemodellen ontwerpen

Basissyntaxis

.mmd

classDiagram
    class Animal {
      +String name
      +makeSound() void
    }
    Animal <|-- Dog : inheritance

Vragen over dit diagram

Welke relaties ondersteunt Mermaid?

Overerving (<|--), compositie (*--), aggregatie (o--), associatie (-->), afhankelijkheid (..>) en realisatie (..|>), elk met optionele kardinaliteiten en labels.

Kan ik een klassediagram genereren uit code?

Plak je klassen of beschrijf je domein en de AI extraheert entiteiten, attributen en relaties tot een strak klassediagram.

Verken de andere diagramtypen

🔀 Flowchart 💬 Sequentiediagram 🗄️ Entiteit-relatiediagram 🔄 Toestandsdiagram 📅 Gantt-grafiek 🥧 Cirkeldiagram 🧠 Mindmap 🌿 Git-graaf 🕰️ Tijdlijn 🚶 User journey 🎯 Kwadrantgrafiek

Maak nu je Klassediagram

Beschrijf het in gewone taal — de AI schrijft de Mermaid-code voor je.

Mermaid Studio openen