HomeDiagramsClass diagram

Class diagram

Class diagrams document a type’s attributes, methods, and visibility in a compact, 3-compartment box — the standard UML notation for object-oriented design docs and API references. zombie-mermaid renders all four visibility markers and inheritance/composition relationships.

Source → render

A type's shape, one compartment at a time.

shape.mmd
classDiagram
  class Animal {
    +String name
    +int age
    +eat() void
    +sleep() void
  }
Class diagram diagram, zombie-mermaid Animal + name: String + age: int + eat(): void + sleep(): void
More examples

More real-world examples.

Class diagram diagram, zombie-mermaid User + name: String - password: String # internalId: int ~ packageField: String + login(): bool - hashPassword(): String # validate(): void ~ notify(): void
Class: Visibility Markers
Class diagram diagram, zombie-mermaid <<interface>> Serializable + serialize(): String + deserialize(data): void
Class: Interface Annotation
Class diagram diagram, zombie-mermaid A B C D E F G H I J K L inheritance composition aggregation association dependency realization
Class: All 6 Relationship Types
Class diagram diagram, zombie-mermaid Teacher + name: String Student + name: String Course + title: String teaches enrolled in
Class: Relationship Labels
Class diagram diagram, zombie-mermaid <<interface>> Subject + attach(Observer): void + detach(Observer): void + notify(): void <<interface>> Observer + update(): void EventEmitter - observers: List<Observer> + attach(Observer): void + detach(Observer): void + notify(): void Logger + update(): void Alerter + update(): void
Class: Design Pattern — Observer
Class diagram diagram, zombie-mermaid Model - Map: data + getData(): Map + setData(key, val): void + notify(): void View - Model: model + render(): void + update(): void Controller - Model: model - View: view + handleInput(event): void + updateModel(data): void updates refreshes reads notifies
Class: MVC Architecture
Show 1 more example
Class diagram diagram, zombie-mermaid <<abstract>> Animal + name: String + age: int + eat(): void + sleep(): void Mammal + warmBlooded: bool + nurse(): void Bird + canFly: bool + layEggs(): void Dog + breed: String + bark(): void Cat + isIndoor: bool + purr(): void Parrot + vocabulary: String + speak(): void
Class: Full Hierarchy
Keep exploring

Explore the other diagram types.

Pick a look

Live in every built-in theme.