← Back to editor

Editable ER diagram example

Order data model Mermaid diagram example

Updated · Renders with Mermaid 11.17.2

Edit this order data model in Mermaid, inspect the rendered result, and adapt the working source for your own documentation.

About this example

This order data model example is designed as an editable starting point rather than a finished specification. In the rendered diagram, customers place orders and each order contains line items with explicit keys. Read the structure once before changing the source so identifiers, labels, and connections stay aligned. The example is intentionally small enough to test after every edit, but it includes the syntax needed to communicate the central relationship. Open it in mermaid.tools, make one change at a time, and keep the Mermaid source alongside exported images so the diagram remains maintainable.

Mermaid source

erDiagram
  CUSTOMER ||--o{ ORDER : places
  ORDER ||--|{ ORDER_ITEM : contains
  CUSTOMER {
    int id PK
    string name
  }
  ORDER {
    int id PK
    int customer_id FK
  }
  ORDER_ITEM {
    int id PK
    int quantity
  }
Open in editorDownload .mmd

Adapt it

This example source is dedicated to the public domain under CC0 1.0. Review generated diagrams before relying on them in documentation.

Learn more in the related guide.

Related examples

Release plan

Edit this dependent release schedule in Mermaid, inspect the rendered result, and adapt the working source for your own documentation.

Background job states

Edit this background job state machine in Mermaid, inspect the rendered result, and adapt the working source for your own documentation.

Bold and multiline labels

Edit this formatted delivery flow in Mermaid, inspect the rendered result, and adapt the working source for your own documentation.