How to create a Entity RelationShip Diagram with ComboStrap

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.




Showcase yourself and your brand

Get free news, tips, and tricks
to create a remarkable experience for your readers.




Recommended Pages
Undraw My Documents
Create diagram with mermaid

This component will render mermaid diagram
Diagram

ComboStrap is able to create and render diagrams . Example with a sequence . If your diagrams are in a svg format, you can just render them with the svg component. Otherwise, you can use the following...



Task Runner