mermaid
mermaid copied to clipboard
Flowchart with vertical and horizontal arrows
I could not figure how to produce a chart like the one below:
A->B is vertical, B->C horizontal, and A->C diagonal.
Is this kind of shape already supported in mermaid?
┌───┐
│ A │
└─┬─┘
│ \
│ \
│ \
│ \
▼ V
┌───┐ ┌───┐
│ B ├────>┤ C │
└───┘ └───┘
Mermaid does not provide granular control of placement of nodes.
It seems like this is by design and this design decision should be noted in the documentation.
It would be great to have even a tiny bit of control over placement, e.g., to force nodes to be placed on the same level such as in OP's example.
It could be as simple as adding another control character which signals to ignore a connection for placement:
§ B --> C
where §
would be the example for such a control character.