Mermaid: Hexagon shape in mermaid flowchart?

Created on 4 May 2017  路  10Comments  路  Source: mermaid-js/mermaid

According to the document, there are 6 shapes available (one found from the issues):
[box]
(rounded box)
((circle))
>flag-like box]
{rhombus or diamond}
(-oval-)

Is that possible to draw a hexagon in flowchart?

Normally, a flowchart uses diamond shape to represent a condition, but when the description text grows, the diamond becomes very very large. So I always use hexagons instead.

Good first issue! Flow Help wanted! Approved Enhancement

All 10 comments

+1
This is a very valid request and I hope to see it implemented. As is, Mermaid currently makes poor use of space in general but the huge rhombi make the conditional statements very difficult to use.

I've also used hexagons in the past and they are understood by anybody familiar with conventional flowchart shape syntax.

Drakon flattened the rhombus and got to space with that.

It would be wonderful if we can use various shapes.
e.g. https://www.conceptdraw.com/How-To-Guide/flowchart-design

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

@stale, flattened hexagons rule.

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. If you are still interested in it, and it is still relevant, you can comment or remove the label to revive it.

@Stale, flattened hexagons rule.

This should be fairly easy to implement. How so you think the syntax should be for the hexagon?

When implementing this, don't forget:

  • Add examples in the documentation under docs
  • Add an e2e tests for this

Making some pretty quick progress on this, should have a completed PR in a few days.

Resolved on #970

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Anachron picture Anachron  路  16Comments

stckcrsh picture stckcrsh  路  15Comments

nfroidure picture nfroidure  路  26Comments

knsv picture knsv  路  22Comments

sinedied picture sinedied  路  21Comments