flowchart rendering issues

[asknet]

for the below flowchart example:

Two primary issues have been identified in the Excalidraw output of the Mermaid flowchart:

1. Multiple Relationships Rendering Issue: When multiple relationships are directed towards a single entity, the Excalidraw output fails to render these relationships as separate entities. This issue particularly affects the entity 17 in the example.
2. HTML Formatting in Entity Label Not Rendered: The HTML formatting included in the entity labels is not being rendered in the Excalidraw output. Instead of formatted text, the raw HTML code is displayed.

Steps to Reproduce:

• Open the application and navigate to the Mermaid flowchart rendering section.
• Input the provided Mermaid flowchart code.
• Generate the Excalidraw output for the flowchart.
• Observe the output, focusing on the entity with multiple relationships and any entity labels with HTML formatting.

Expected Result:

• Each relationship towards a single entity should be distinctly rendered in the Excalidraw output.
• HTML formatting in entity labels should be correctly rendered, displaying formatted text as intended.

Actual Result:

• The Excalidraw output merges multiple relationships to a single entity into one, causing a loss of detail and clarity in the diagram.
• Entity labels with HTML formatting display the raw HTML code instead of the formatted text.

Severity: Medium
The issue with rendering multiple relationships can lead to a loss of crucial information and misinterpretation of the diagram.
The HTML formatting issue affects the readability and professional presentation of the diagram but does not impede the understanding of the relationships.

example

%%{init: {'theme':'forest'}}%%
flowchart LR
 style Entity1 fill: gold, stroke:#333, stroke-width:4px

Entity1[Entity 1]
Entity2[Entity 2 fa:fa-suitcase]
Entity3[Entity 3 fa:fa-suitcase]
Entity4[Entity 4]
Entity5[Entity 5]
Entity6[Entity 6<br><sub>Entity6</sub>]
Entity7[Entity 7]

Entity2 -..->|Relation1| Entity1
Entity3 -..->|Relation2| Entity1
Entity4 -..->|Relation3| Entity1
Entity3 -..->|Relation4| Entity1
Entity5 -..->|Relation5| Entity1
Entity5 -..->|Relation6| Entity1
Entity6 -..->|Relation7| Entity1
Entity7 -..->|Relation8| Entity1

Entity8[Entity 8<br><sub>Entity8</sub>]
Entity1[Entity 1]
Entity9[Entity 9<br><sub>Entity9</sub>]
Entity10[Entity 10]
Entity4[Entity 4]
Entity11[Entity 11]
Entity12[Entity 12]
Entity13[Entity 13<br><sub>Entity13</sub>]
Entity14[Entity 14]
Entity15[Entity 15]
Entity16[Entity 16 fa:fa-suitcase]
Entity17[Entity 17 fa:fa-suitcase]
Entity18[Entity 18 fa:fa-suitcase]
Entity19[Entity 19 fa:fa-suitcase]

Entity1 -..->|Relation9| Entity8
Entity1 -..->|Relation10| Entity9
Entity1 -..->|Relation11| Entity10
Entity1 -..->|Relation12| Entity4
Entity1 ===>|fa:fa-link Relation13| Entity11
Entity1 -..->|Relation14| Entity12
Entity1 -..->|Relation15| Entity13
Entity1 -..->|Relation16| Entity14
Entity1 ===>|fa:fa-link Relation17| Entity15
Entity1 -..->|Relation18| Entity16
Entity1 -..->|Relation19| Entity17
Entity1 -..->|Relation20| Entity17
Entity1 -..->|Relation21| Entity17
Entity1 -..->|Relation22| Entity18
Entity1 -..->|Relation23| Entity19

[asknet]

@ad1992 another rendering issue.

Issues:

1. Arrows aren't similarly curved as in mermaid
2. When an element style is mentioned as 0px, renderer still renders with default size.

example mermaid flowchart

%%{init: {'theme':'forest'}}%%
flowchart LR
 style Entity1 fill: gold, stroke:#333, stroke-width:4px

subgraph Legend
    direction LR
    start1[ ] -.->|Lookup Relationship| stop1[ ]
    style start1 height:0px;
    style stop1 height:0px;
    start2[ ] ==>|Master-Detail Relationship| stop2[ ]
    style start2 height:0px;
    style stop2 height:0px; 
    A -.->|A is parent of B| B
    style A height:0px;
    style B height:0px; 
end

Entity1[Entity 1]
Entity2[Entity 2]
Entity3[Entity 3]

Entity2 ===>|fa:fa-link Relation1| Entity1
Entity3 -..->|Relation2| Entity1

Entity4[Entity 4]
Entity3[Entity 3]
Entity5[Entity 5 fa:fa-suitcase]
Entity6[Entity 6 fa:fa-suitcase<br><sub>Entity6</sub>]

Entity3 ===>|fa:fa-link Relation3| Entity4
Entity5 -..->|Relation4| Entity4
Entity6 -..->|Relation5| Entity4
Entity4 -..->|Relation6| Entity4

[asknet]

Thank you for fixing this. Will there be a plan to fix the rendering of HTML?