Use swimlanes in flowchart diagram

[marcpre]

I would like to create a flowchart, which has swimlanes.

Find below an example.

After reading the documentation I couldn`t find this functionality. I found this issue #551, which was automatically closed.

Any suggestions how to integrate this feature or add it to mermaid if it does not exist?

I appreciate your replies!

[AartBluestoke]

the strictly horizontal connections between nodes of the same rank isn't something the current rendered produces - separate from the swimlane render class, there is also a need of a layout hint to allow for connection arrows between objects of the same rank.

[zlatinz]

@latetedemelon Related to https://github.com/mermaid-js/mermaid/issues/2028#issuecomment-1535240071

This is great, as long as you can make also links across swimlanes, e.g. A2-->B1

[FraserCShell]

It would be fantastic to have swimlane diagramming, particularly as we look to embed Mermaid diagrams into Confluence pages for our documentation purposes. My first attempt yesterday hasn't quite got there, so I'll need to use Visio, or PPT :( , which is ok for the enterprise org I am in, but for smaller startups it would be yet another additional cost.

[koppel]

PlantUML Activity Diagrams have Swimlanes, and there is a Confluence plugin: https://plantuml.com/activity-diagram-beta

[atleta]

Also, while not text based, Draw.io can do swimlanes (and you can add flow cart elements).

[fguisso]

I'm lost with this thread, is subgrap not similar to swimlanes?

@napei commented on Mar 2, 2022

You can possibly achieve a halfway solution with subgraphs https://mermaid-js.github.io/mermaid/#/flowchart?id=subgraphs Definitely a feature worth having, +1.

[Baarsgaard]

I'm lost with this threat, is subgrap not similar to swimlanes?

Similar yes, but not usable as a substitute, to my knowledge. SubGraphs allow you to define boxes within which you can add nodes. But it differs from swimlanes as they have explicitly defined lanes. Subgraphs just kinda exist where they fit in depending on the connections made and the order they are defined in.

Swimlanes are always 2 or more parallel columns or rows in which you can have nodes that link between eachother.

[trancongbao]

+1

[ppKrauss]

2 years... Any hope here?

[wcgzgj]

Changing to plantUML now，it supports swimlanes and has plain language structure :(

[vesper8]

Changing to plantUML now，it supports swimlanes and has plain language structure :(

So this is what you're going to be using now? https://github.com/plantuml/plantuml.js/

Seems interesting.. I also need swimlanes.

I see many examples using boundaries here: https://plantuml.github.io/plantuml.js/#example=playground/example-pumls/community/cloudflare_linode_firewall.puml

But would you happen to have an example with swimlanes similar to the ones in this thread?

Thanks

[zlatinz]

plantUML performance on the playground page https://plantuml.github.io/plantuml.js/ is horrendous. Much better performance on https://www.planttext.com/ As for example for swimlanes, maybe check https://stackoverflow.com/questions/51020100/plantuml-swimlanes-and-overlapping-connectors

[juampe]

+1 I can make swinlane flowchart with excel, ¿Why not with mermaid?

[medliii]

@knsv @ashishjain0512 Hello!

I apologize for the disturbance. Is there still a lot to be done on this feature? Is it possible to complete it? It would significantly enhance the functionality.

I understand it's not much, but I am willing to personally donate $500 for the release of swimlanes.

[sohmuijai]

+1 for this feature please

[mcqueenna]

+1 for this feature please

[latetedemelon]

From a pratical perspective what's the simplest version of done for version one of this requirement? Am I wrong it's thinking it's very straight forward? Essentially a version of the flowchart with the following differences:

1. No items can exist outside of subgraphs
2. Only one layer of subgraphs
3. For TD all subgraphs have to have the same width and have the same coordinates for their edges
4. For LR all subgraphs have to have the same height and have the same coordinates for their edges

Would this work for a simple use case?

[AartBluestoke]

"From a practical perspective what's the simplest version of done for version one of this requirement? " - i think a connection type that forces the two connections to be in the same layer, rather than the child at a lower height of the parent. -- that would generalize to many different chart types - eg: each horizontal line in the Opportunity chart above would be augmented with this link type - at the moment an attempt to create this chart would create 13 levels, when only 5 will allow the chart to be rendered ... perhaps even a general solution that checks to see if the child Has to be at a lower level than the parent, and a link only sometimes increases the layer, rather than always ...

[raaannzzz]

Any hope here?

[bytesex]

Several years hoping this to be done. Hundreds of devs/analysts wanting this. But, it seems the powerful IT guys are busy working on trends like an AI. :) Earning millions of bucks, having no clue how to implement freaking swimlanes for themselves. The only reason I dont put my hands on it - i dont like graphs etc. But its really strange that guys who passion about this stuff don't help here. 12 июня 2024 г., в 19:29, Ranz @.***> написал(а): Any hope here?

—Reply to this email directly, view it on GitHub, or unsubscribe.You are receiving this because you commented.Message ID: @.***>

[andremoraes]

await 5 more years and perhaps AI will be able to do it. I doubt that powerful IT guys know how to code anymore

On Wed, Jun 12, 2024 at 12:30 PM bytesex @.***> wrote:

Several years hoping this to be done. Hundreds of devs/analysts wanting this. But, it seems the powerful IT guys are busy working on trends like an AI. :) Earning millions of bucks, having no clue how to implement freaking swimlanes for themselves. The only reason I dont put my hands on it - i dont like graphs etc. But its really strange that guys who passion about this stuff don't help here. 12 июня 2024 г., в 19:29, Ranz @.***> написал(а): Any hope here?

—Reply to this email directly, view it on GitHub, or unsubscribe.You are receiving this because you commented.Message ID: @.***>

— Reply to this email directly, view it on GitHub https://github.com/mermaid-js/mermaid/issues/2028#issuecomment-2163567036, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAB7KXLQ7T55CAGLGXA2MB3ZHCARZAVCNFSM434LUII2U5DIOJSWCZC7NNSXTN2JONZXKZKDN5WW2ZLOOQ5TEMJWGM2TMNZQGM3A . You are receiving this because you are subscribed to this thread.Message ID: @.***>