diagram-mermaid
Reactive icon

Diagram Mermaid

Stable version 1.0.0 (Compatible with OutSystems 11)
Uploaded
 on 18 Mar
 by 
0.0
 (0 ratings)
diagram-mermaid

Diagram Mermaid

Documentation
1.0.0

Options 

 

  

  • DiagramMermaid: The Mermaid library is a JavaScript tool that allows you to create diagrams and charts in a simple way, using a Markdown-based syntax. It is widely used for documentation, presentations and data visualization, especially in development environments. 

  • Diagram: Mermaid Diagram.
  • Json: The JSON structure forms a graph that connects entities (nodes) using relationships (edges). 
    • Nodes: This field defines the "nodes" of the graph. Each node represents an entity or process and has properties that describe its identity and label.
          • Id: A unique identifier for each node, used to reference it in the graph. Example: "A", "B". 
          • Label: (Optional) A human-readable label that describes the node. This text will be displayed on the diagram. Example: "soffice.bin", "Process A".
    • Edges: This field defines the "nodes" of the graph. Each node represents an entity or process and has properties that describe its identity and label. 
      • From: The identifier of the source node of the connection. Indicates where the edge starts. Example: "A".
      • To: The identifier of the connection's destination node. Indicates where the edge ends. Example: "B". 
      • Label: (Optional) A descriptive label for the connection. Represents the type of relationship between the nodes or some additional information about the edge. Example: "One Child", "Event 17".