Skip to main content
Solved

Mermaid sequence diagram arrows

  • January 29, 2025
  • 4 replies
  • 444 views

Forum|alt.badge.img+1

Is full support for the mermaid different arrows in sequence diagram on the roadmap?

Type Description
-> Solid line without arrow
--> Dotted line without arrow
->> Solid line with arrowhead
-->> Dotted line with arrowhead
<<->> Solid line with bidirectional arrowheads (v11.0.0+)
<<-->> Dotted line with bidirectional arrowheads (v11.0.0+)
-x Solid line with a cross at the end
--x Dotted line with a cross at the end
-) Solid line with an open arrow at the end (async)
--) Dotted line with a open arrow at the end (async)

ref: https://mermaid.js.org/syntax/sequenceDiagram.html#aliases

Best answer by ssahagun

Hi ​@Barramundi,

Thanks for providing the additional information! Lucidchart currently supports Mermaid version 10.2.3. To learn more about Mermaid in Lucidchart, check out our Diagram as code with Mermaid in Lucidchart article. To see example syntax for supported diagrams, check out this Community post. 

Thank you!

Comments

aparrish
Lucid Legend Level 7
Forum|alt.badge.img+14
  • Lucid Legend Level 7
  • 184 replies
  • January 30, 2025

@Barramundi I’m not quite sure what you mean by “roadmap” or what the question is specifically. However, I have found two links that appear to be related. Perhaps these will help you:

 

 


Forum|alt.badge.img+8
  • Lucid support team
  • 190 replies
  • January 31, 2025

Hi ​@Barramundi , 

Thanks for posting in the Lucid Community! 

Sequence diagrams are based on time and show the order of events. Each arrow represents an action, and the arrows must follow a clear direction to show the sequence of events. Because of this, bidirectional arrows aren’t typically supported in a sequence diagram. If you need to show a bidirectional flow, you would use two arrows: one going in each direction, placed on separate lines.

However, you can use bidirectional arrows in a flowchart diagram, as they are not time-based like sequence diagrams.

As for the other types of arrows you mentioned, those are supported in sequence diagrams—the only ones not supported are bidirectional arrows

Please let me know if you have any additional questions! 


Forum|alt.badge.img+1
  • Author
  • 1 reply
  • February 3, 2025

Just to clarify that I’m talking about the beta diagram as code support for generating diagram with mermaid syntax in Lucid and It’s not the UML sequence code. The mermaid syntax supports bidirectional and other arrows in later versions, https://mermaid.js.org/syntax/sequenceDiagram.html#aliases. Just asking if Lucid have the product roadmap to support this mermaid version v11 above

https://github.com/mermaid-js/mermaid/releases?q=sequence&expanded=true

“Feature/4051 sequence diagram multi directional arrow by @Ronid1 in #5209

 


Forum|alt.badge.img+6
  • Lucid support team
  • 58 replies
  • Answer
  • February 3, 2025

Hi ​@Barramundi,

Thanks for providing the additional information! Lucidchart currently supports Mermaid version 10.2.3. To learn more about Mermaid in Lucidchart, check out our Diagram as code with Mermaid in Lucidchart article. To see example syntax for supported diagrams, check out this Community post. 

Thank you!