---json
{
    "featured-svg-image": ":combostrap:icons:bi:diagram-3.svg",
    "page_id": "ejriy9mdismnd90zpwpze"
}
---
====== Diagrams ======

<mermaid width="400px" >
<code mermaid display="none">
sequenceDiagram
    participant Editor
    participant ComboStrap
    Editor->>ComboStrap: Hello Combo ! <br/> Can you generate diagrams?
    ComboStrap-->>Editor: <br/>Sure!
    Editor->>ComboStrap: <br/>Great ! Which one ?
    ComboStrap-->>Editor:  <br/>Quite a lot <br/> Such as Class, Erd, Flowchart <br/> and also Railroad. <br/> Check the links above
</code>
</mermaid>




===== About =====
''ComboStrap'' is able to create and render diagrams <icon name="bi:diagram-3"/>.



===== List =====

If your diagrams are in a ''svg'' format, you can just render them with the [[docs:content:svg|svg component]].

Otherwise, you can use the following components to create and render diagrams.
  * [[class]]
  * [[erd]]
  * [[flowchart]]
  * [[gantt]]
  * [[piechart]]
  * [[railroad]]
  * [[sequence]]
  * [[state]]
  * [[user-journey]]