Table of Contents

About

The erd component is a diagram component that permits to create an Entity RelationShip Diagram.

Example

  • The markup
<erd>
erDiagram
    CUSTOMER ||--o{ ORDER : places
    ORDER ||--|{ LINE-ITEM : contains
    CUSTOMER }|..|{ DELIVERY-ADDRESS : uses
</erd>
  • The output:
erDiagram CUSTOMER ||--o{ ORDER : places ORDER ||--|{ LINE-ITEM : contains CUSTOMER }|..|{ DELIVERY-ADDRESS : uses

Syntax

The syntax is based on the Entity RelationShip Diagram Mermaid Definition 

<erd>
   ... Mermaid ERD definition ...
</erd>

Mermaid offers a live editor that you can use to validate and develop your diagrams.

This component is based on the mermaid component.