Class / ER / State

Three more Mermaid types, for data shapes and state machines.

Class

classDiagram
  class User {
    +id: UUID
    +name: String
  }
  User --> Order : places

Entity relationship

erDiagram
  CUSTOMER ||--o{ ORDER : places

State

stateDiagram-v2
  [*] --> Idle
  Idle --> Running : start
  Running --> [*]

To tint a node in any of these, use a vizzy-fence style override — Mermaid’s own style/classDef only apply inside flowcharts.